Word break in html and css

Question

I am currently trying to display the word from ADIDAS SUPERSTAR LIMITED EDITION* to **ADIDAS SUPERSTAR.....** by using CSS. When i tried to use break-word in css but does not work for it. How can i do that?

Answer 1

I think you want to use text-overflow:

.title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}