ellipse in css code example

Example 1: text overflow ellipsis css

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

Example 2: text transform in css

/*HTMl*/
<p >Initial String
  <h2>Lorem ipsum dolor sit amet</h2>
</p>
<div class="heading">
  This will be capitalize
</div>

 /*CSS*/
.heading {
  text-transform: capitalize;
}
/*OTHER TEXT TRANSFORM*/ 
text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: full-width;
text-transform: full-size-kan

Example 3: css paragraph ellipsis

max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

Example 4: css text overflow

overflow: scroll;
white-space: nowrap;

Tags:

Html Example