将文本内容与div对齐

Question

我想将文本与div对齐。我把文字放在::before但是它在我做的div之下。我试图直接在div中添加内容，但它不起作用。我也尝试使用float或display: inline-block，但它仍然不想对齐。

如果有人有想法？

Utils.getConfiguredLocalDirs

Answer 1

在您要对齐的内容周围添加一个div ...示例：

<div id = "centerText"><h1>This is my text</h1></div>

<style>
#centerText{
    text-align:center;
    //other alignment
}
</style>

Answer 2

您的div只有3px高，这还不够，文字溢出。至少要15px

DEMO https://jsfiddle.net/mevc37r7/2/

.line{
    margin-top : 70px;
    height:15px;
    width : 500px;
    background-color: #000;
    clear: right;
    float:right;
}

.line::before{
  color:#fff;
  content: "foo";
}