Text overflow ellipsis

by Hamdi Gaied

HTML

<h3>Ellipsis text overflow</h3>
<div class="ellipsis">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>

CSS

body {
  background: #1f2227;
  color: #fff;
}

.ellipsis {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}