Css

max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
// div in a flex - assign width% , no need of even max-width !

.long-text {
  width: 150px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

PREVIOUS	NEXT

Code Example
Css :: css round outline
Css :: bootstrap word-wrap: break-word;
Css :: top left right bottom css shorthand
Css :: css feather border
Css :: wp wpbakery bulder page alignment
Css :: line spacing css
Css :: css 2 bilder nebeneinander
Css :: html watermark background
Css :: half border bottom
Css :: css center text
Css :: stretch text to div width css
Css :: center text html css position fixed
Css :: css how to make a pre tag to break line
Css :: html table wrap text
Css :: max z-index value css
Css :: Scroll background still
Css :: image rotate with css
Css :: sass darken
Css :: remove scrollbars scroll
Css :: tabla responsive css
Css :: css image overflow
Css :: delete after content css
Css :: css filter color
Css :: smooth scroll
Css :: griddy css
Css :: move bullets in css
Css :: bootstrap breakpoints
Css :: how to make image fit container css
Css :: css background image shown on top right
Css :: background image