How to display ellipsis after the text using CSS

  • Post category:CSS

Do you know How to display ellipsis after the text using CSS?

Get the code of How to display ellipsis after the text using CSS and watch video tutorials. You can practice using our code editor. Our practical guide will make your learning journey much easier. You can explore the tutorial and learn.

<h3>This is a text which i am going to show only single line and then ellipsis should display. means three dots.</h3>
h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: yellow;
  border: 1px solid black;
  padding: 5px;
  font-size: 44px;
}

Ready to become a better coder? Don’t miss this tutorial!: https://mrdigitals.com/how-to-make-buttons-to-smart-button/