如何将文本定位在其容器 div 的顶部边缘?
How to position text to be on the top edge of its container div?
这是我想要实现的 Lorem ipsum 文本。
我试过将容器 div 设置为相对位置,将文本容器设置为绝对位置,并使用 top: 负值移动它,但它似乎没有按照我的要求进行。
.container {
border: 1px solid black;
padding: 20px;
width: 200px;
}
h3 {
padding: 0;
margin-top: -30px;
}
<div class="container">
<h3>Lorem Ipsum</h3>
</div>
这是我想要实现的 Lorem ipsum 文本。
我试过将容器 div 设置为相对位置,将文本容器设置为绝对位置,并使用 top: 负值移动它,但它似乎没有按照我的要求进行。
.container {
border: 1px solid black;
padding: 20px;
width: 200px;
}
h3 {
padding: 0;
margin-top: -30px;
}
<div class="container">
<h3>Lorem Ipsum</h3>
</div>