Html hide text if too long

Css hide text if too long

<div id="truncateLongTexts">
    test test test test
</div>

#truncateLongTexts {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis // This is where the magic happens
}

Source: stackoverflow.com

Similar codes

9 votes120 views3 answers
Grid repeat css
CSS
180 votes173 views6 answers
How to import a css file in html
CSS
0 vote116 views1 answer
Add a class to header
CSS
0 vote116 views1 answer
Hex color code for tan
CSS
0 vote125 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
27 votes120 views6 answers
Color gradient
CSS
2 votes124 views1 answer
Hover effect button css
CSS
0 vote114 views1 answer
Enhancer for Youtube DeepDark Theme
CSS
0 vote125 views1 answer
How to change the theme of a website using css
CSS
27 votes116 views4 answers
How to import fonts css
CSS