文本在居中的DIV中对齐

Answer 1

使用margin: auto将div和text-align: left对齐以对齐文字：

HTML：

<div class='example'>Hi!</div>

CSS：

.example {
    margin: 0 auto;
    width: 100px;
    text-align: left;
    border: 1px solid red;
}

工作示例：http://jsfiddle.net/RichieHindle/4XHDt/1/

请注意，此示例中不需要text-align: left，因为左对齐是默认值。如果父元素已将对齐设置为left以外的其他值，则只需要它。

Answer 2

Answer 3

Answer 4

Answer 5

只需使用text-align:left。

注意：仅仅因为div居中，并不意味着文本默认居中。请查看this jsFiddle示例。

#myDiv
{
    width:200px;
    margin: 0 auto;
    text-align:left;
}