Css

Search

how to show ... after some long chars js html h1

/*Css*/

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

/* html */
<span class="text">Hello world this is a long sentence</span>

Comment

PREVIOUS	NEXT

Code Example
Css :: how to stop browser from swipe left to right history-navigation javascript
Css :: html input background color
Css :: img position css
Css :: placeholder css
Css :: How to hide specific td border in css
Css :: Hide Google Recaptcha V3 \| how to hide the reCaptcha v3 badge
Css :: text glow
Css :: open applications bat start
Css :: html css first list item font bold
Css :: select html stop blue border
Css :: text outline css
Css :: electron drag window
Css :: text underline
Css :: css text fill all the width possible
Css :: centrer verticalement css
Css :: css fit iframe to div
Css :: change scrollbar color
Css :: bootstrap Changing the separator
Css :: hide input border on focus
Css :: css background rainbow
Css :: css set background image repeat vertically
Css :: css bg code
Css :: css text align
Css :: text-overflow: ellipsis; 2 line
Css :: scroll bottom css
Css :: photshop flip layer
Css :: fill background color left to right css
Css :: not checked css
Css :: change element in iframe
Css :: dashed lin in css

Search

CSS

how to show ... after some long chars js html h1

ADD CONTENT