2012-12-24 68 views
0

我有這樣的HTML代碼格式文本(對齊文本)

<section class="group5"> 
    <p ><span class="purple">1)</span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. 
    Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.</p> 
    <p ><span class="purple">2)</span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. 
    Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.</p> 
    </section> 

和這個CSS

p { 
    margin-bottom:7px;  
    color:#161414; 
    } 

a, p a { 
    text-decoration:underline; 
    color:white; 
    } 
    a:hover {color:white;} 

.group5 { 
    float: left; 
    width: 350px; 
    position: relative; 
    background:transparent; 
    padding:15px; 
    margin-bottom:10px; 
    } 

.purple{ 
    font-size:50px; 
    color: #663366; 
    float:left; 
    padding:12px; 
    margin:20px; 
} 

如何設置格式德段,我的意思是文本對齊在段落中?

我得到以下結果未格式化

enter image description here

我讀有

div 
{ 
text-align:justify; 
text-justify:inter-word; 
} 

但是,僅適用於IE瀏覽器...

+2

格式化段落如何?你究竟想要做什麼? – Dynamic

+0

我想說明理由 – cMinor

回答

0

您還可以使用

<p align="justify">.. . . . . . . </p> 
1

的解決方案是

p { 
    margin-bottom:7px; 
    text-align: justify; 
    color:#161414; 
}