double <p align =“”> </p>

Question

我有一些文字，我想同时居中在页面上，段落中的文字要调整到左边？一点帮助？

这就是我一直在尝试的

      <p align="center"><div align="left>text<br>more text</p></div>

显然不能正常工作只是将一切都改变了

Answer 1

align="center"和align="left"已弃用。改用CSS。

这是一种方法（假设您需要2个嵌套元素，或者参见Brad的方法来居中单个元素）：http://jsfiddle.net/EzNJQ/1/

<div id="outer">
    <p id="inner">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </p>
</div>​

#outer{
    width: 300px;
    margin: 0 auto; /* centers */
}
#inner {
    text-align: left;   
}

更多示例：http://www.w3.org/Style/Examples/007/center.en.html

Answer 2

令人不安的部分（尽管IE总是不同）是为了使项目居中，水平边距需要设置为自动（允许浏览器实际居中内容）。所以，with that being said：

p.centered {
    margin: 0px auto;
    width: 300px;
    border: 1px solid #f0f;
}

<p class="centered">This is your paragraph</p>

width是您的通话（为清楚起见，我添加了边框），但只需将margin边设置为auto，内容将左对齐（除非另有说明）由text-align）指定。