Make text height 100% of div?

Question

I\'m trying to make the text 100% height of a div but it doesn\'t work.
It just becomes 100% of the body { font-size:?; }.

Is there an

Answer 1

If you want a text with 100% size of the div using CSS only, you must change the font-size and line-height properties. Here goes my solution:

.divWithText {
    background-color: white;
    border-radius: 10px;
    text-align: center;
    text-decoration: bold;
    color: black;

    height: 15vh;
    font-size: 15vh;
    line-height: 15vh;
}