How can I fit all the text inside a div with CSS shape style?
And smaller the font size if needed if the text is long.
All text should be visible, readable, staying inside the shape.
.triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
overflow-wrap: normal;
text-overflow: ellipsis;
} <div class="triangle-up">
<span>Lorem, imi neque corrupti nulla porro?</span>
</div>