If I have something like the following, then how can I hide the lines that don't fully fit? In this example, only the first 2 lines fit fully, with my default font, but the 3rd line only fits partially. I'd like that line to disappear completely (something similar to text-overflow
, but for height).
<div style="position: absolute; top: 85%; bottom: 10%; overflow: hidden;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac condimentum est. Nunc sit amet arcu ut turpis pulvinar fringilla. Mauris et quam bibendum, euismod enim sit amet, tempor ante. Praesent vel consequat sapien, non tristique massa.
</div>
This is what it looks like for me, and I'd like to get rid of the line after "Mauris et":