A CSS-only solution to count the lines of text

CSSTip serves as a treasure trove of knowledge for frontend developers striving to master the art of Cascading Style Sheets (CSS). Through concise tips, detailed tutorials, and creative demonstrations, readers embark on a journey to harness the full potential of CSS for web design and development. From responsive layouts to  animations, CSSTip empowers developers to create visually stunning and user-friendly web experiences.

CSS Tip

Learn how to count the number of lines in a text by adjusting the code used to get the width and height of any element using CSS. The demo adjusts the number of lines based on the content entered.

Count the number of lines inside a text

<p>I’ve made a CodePen some years ago which shows how to do that with javascript ofc…</p>
<p><a href="https://codepen.io/vsync/pen/BawdgEd" target="_blank" rel="noopener nofollow">https://codepen.io/vsync/pen/BawdgEd</a></p>
