}

CSS Trick: Limit Teaser Text to Three Lines

Level:
Einfach 👌
Preview result
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Open and clone in Webflow Designer
Icon für einen externen Link

With these 4 lines of CSS code, you can easily restrict teaser texts on your website to just a certain number of lines of text. Three dots... are automatically added to the end of the last word. The browser support is great, which is why you can confidently use this solution in your Webflow project.

You can find the code here:
https://jonasarleth.notion.site/Text-auf-drei-Zeilen-mit-beschra-nken-faf8a93935f342578d3cbc10fd3de084