Question

在我的页面顶部，我有一个标题（div），距离页面顶部只有几个px的距离。在div我得到了我的页面标题，它放在左上角（这是正常的）。但它位于div的底部（仍然在右边）。这是我的HTML：

<body>
    <div id="header">
        <h1>x</h1>
    </div>
</body>

我的CSS：

#header {
    width: 700px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    color: #cdffaf;
    font-size: 30px;
}

h1 {
margin-top: 5px;    
}

Answer 1

您可以将display: table-cell与vertical-align: bottom;

一起使用

Demo

Color Changed (For Visibility)

在div中放置文本

1 个答案: