如何在HTML / CSS中对齐文本?

时间:2014-03-24 15:39:24

标签: html css text

我用HTML制作了一个小文字,它看起来很好,但我希望它整齐地堆叠,或者整齐地对齐。 Link one显示了我现在拥有的内容,链接两个显示了我想要的内容。请忽略红色" Verdana"。

这就是我现在所拥有的,以及我不想要的东西: http://postimg.org/image/hho1sip5b/c9d22691/

这是我还没有,但我想要的是: http://postimg.org/image/7j5y11wjn/3d5e5ca5/

我的代码如下:

<div class="left">
  <p style="text-align: justify; height: 7px;">&nbsp;</p>

  <p style="line-height: 22px; font-size: 10px; font-family: Verdana; ">
    <span style="letter-spacing: 1px">Big-ass piece of not-so-interesting text</span>
  </p>

  <p style="line-height: 28px; font-size: 18px; font-family: GillSans-Light; ">
    REDRUM
    <br>NIEUWE KAZERNELAAN 2-3
    <br>6711 JC EDE
    <br>POSTBUS 8193
    <br>6710 AD EDE
  </p>
</div>  

所有帮助非常感谢!提前谢谢!

1 个答案:

答案 0 :(得分:5)

你对一个没有文字的元素text-align: justify ...尝试将它应用到你的实际文本中它应该有效!