如何CSS对DIV文本left/right居中

Question

我在将一些 div 居中时遇到问题，其中一些应该出现在中心左侧，其他应该出现在中心右侧，还有一些应该出现在换行符上。例如

先生

名字

姓氏

地址

城镇，

邮政编码

应显示为（文本长度因块而异）：

                                      Mr Firstname Surname
                                             Address
                                         Town, Postcode

我已经尝试过浮动、内联框和其他聪明的东西的各种用途，但我终生无法解决。

Answer 1

像这样？

.center {
  text-align: center;
}

<div class="container">
  <p class="center">
    Mr Firstname Surname
  </p>
  <p class="center">
    Address
  </p>
  <p class="center">
    Town, Postcode
  </p>
</div>

Answer 2

据我了解，这就是您想要的..

.container{
    text-align:center;  
}
.container>div{
    display:inline-block;
    vertical-align:top; 
}
.rightofcenter+.leftofcenter{
    display:block;  
}

http://jsfiddle.net/uzbs4Lax/

如何CSS对DIV文本left/right居中

How to CSS pairs of DIV text left/right of center

css

css-float