如何使高度响应?

Question

如何使文本(标语(的高度响应？
我试过padding bottom，但它不起作用。有没有办法使文本的高度响应？

<p class="logo">LoremIpsum</p>
<p class="tagline">LoremIpsum</p>
<img class="mainImage" src="FullSizeRender.jpg">

.css：

body{
background-color: black;
margin: 0;
}

.logo{
font-size: 3em;
color: white;
text-align: center;
}

.tagline{
font-size: 0.9em;
color: white;
text-align: center;
position: absolute;
top:20%;
/* padding-bottom: 20%;*/
}
.mainImage{
width: 50%;
height: auto;
}

Answer 1

尝试将<p>放在<div>或<span>中，并为其分配高度值。