HTML text display Limit for table column

css, html

Solution

/Write CSS Code as Below/

.appadd {

white-space: nowrap;
overflow: hidden;
width: 180px;
height: 30px;
text-overflow: ellipsis;

}

Live Demo - Goto this Link

Problem

I have a table which width of it is 200px. it has 2 columns: - Title (simple text, link,...) - Logo (img) issue is: when Title + Logo exceed 200px I need to limit only Title. ``` ------------------------ |Title |Logo | ------------------------ |Helloooo...|img | ------------------------ ``` Constraints only HTML and CSS I try different thinks: ``` overflow: hidden; text-overflow: ellipsis; white-space: nowrap; table-layout:fixed; ... ``` only result which I'm getting is: ``` ------------------------ |Title |Logo | ------------------------ |Helloooooooooooo|img | -> more than 200px ------------------------ ```

Original source