Ensure that the last line of visible text fits within a 20px padding, or else it should be completely cut off.
The challenge lies in the varying text lengths of h3 each time. It's difficult to predict how much needs to be trimmed.
Currently, the text does not respect the padding and sticks closely to the bottom.
How can I resolve this issue? The box must maintain a height of 100px.
.box {
height: 50px;
width: 100px;
background: antiquewhite;
overflow: hidden;
padding: 20px;}
h3 { margin: 0;}
<div class="box"><h3>Various</h3>Loremipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>