将文本保留在div的左侧和中间，而不是居中

Question

我希望能够在左侧保留文字，但是在div的中间。

<div id=sel>text goes here</div>

和我的CSS相同

sel{
    text-align:left;
    vertical-align:middle;
}

文字的字符和行可能会有所不同。我更专注于文本，只有一行位于顶部。我不想使用position：absolute / relative。

感谢所有帮助。

由于 让

Answer 1

首先，旁注：vertical-align仅适用于表格单元格。结果，这个问题对于表格单元格来说是微不足道的。请参阅Understanding vertical-align, or "How (Not) To Vertically Center Content"。

否则，您需要将该内容放在另一个块中，然后将该块垂直居中于外部块中。请参阅Vertical Centering in CSS。

Answer 2

如果您只处理一行，最简单的方法可能是将行高设置为等于div的高度，例如：

#sel {
    text-align: left;
    height: 4em;
    line-height: 4em;
}

对于其他方案，请查看this page