如何證明HTML/CSS中的文本？

Question

我在HTML中做了一些小文本，看起來很好，但我希望它整齊地堆疊起來，或整齊地對齊。鏈接一顯示我現在有什麼，並鏈接兩個顯示我想要的。請忽略紅色的「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> 

所有幫助非常感謝！提前致謝！

Answer 1

對於沒有文本的元素，您有text-align: justify ...嘗試將其應用於您的實際文本，它應該可以工作！