How can I have my text fill up the space given to a
<p> tag, and then cut it off with ellipsis?
You can see an example of a "card" that is meant to be filled with text here. The card is a fixed height, 150px with 20px of padding. The paragraph element only has a fixed amount of space within the card, and it should not expand. The text should be cutoff when the space is used:
From other questions on SO, an element with
text-overflow: ellipsis also needs
text-wrap: nowrap. This solution is only acceptable if you want 1 line of text. In this case I want multiple lines of text, and then a cutoff when the text reaches the end of its vertical space.