如何对齐文本留在中心的对象

Question

我有下面的代码：

<center><div class="body"> 
<span style="margin-left:5px;text-align:left;">A text</span> 
</div></center> 

文本对齐：左;不工作。我也试过margin：0px auto;这也没有奏效。

请帮我...

Answer 1

上跨度

.body span{margin-left:5px;text-align:left; display: block;}

<center><div class="body"> 
 
<span>A text</span> 
 
</div></center>

Answer 2

我不会在这种情况下使用SPAN应用display: block，我会用一个DIV或P. SPAN元素不能用于显示大量内容，并且不能将其他块元素放入SPAN中，否则将无法验证。我只是说，因为我自己多年来滥用SPAN元素;）。

Answer 3

请尝试以下代码：

<center> 
    <div class="body"> 
    <div style="margin-left: 5px; text-align: left;">A text</div> 
    </div> 
</center> 

但是<center>标签在HTML5 BCZ弃用它与内容它能够更好地使用CSS这对准相关.. 一个更好的方法如下：

<div class="body"> 
    <span>A text</span> 
</div> 

.body { 
    text-align: center; 
} 
.body span { 
    text-align: left; 
    margin-left: 5px; 
    display: block; 
}