如何将文本定位在其容器 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>