CSS truncate via ch units

08 December 2021 CSS truncate text

CSS

.myClass {
  font-family: monospace;
  width: 2ch;
  overflow: hidden;
  white-space: nowrap;
}

HTML

<p class="myClass">
  My String
</p>