如何正確對齊頁腳文本

Question

這是我的網站頁腳。因爲你看到它不太一致。我只需要對齊文本。列表標題和子列表應該相同。我怎樣才能做到這一點 ？我已使用UL和LI

Answer 1

由於您在UL元素上使用display:inline，所有您必須添加的是vertical-align:top。

Answer 2

您將需要以下CSS：

* { 
    margin:0; 
    padding:0; 
} 

#footer { 
    background-color: rgb(70,221, 93); 
    height:250px; 
    padding:40px 0; 
    width:100%; 
} 

#footer > div { 

    text-align:center; 
    width:24%; 
    display:inline-block; 
    vertical-align:top;  /* See this line its important for all the 'headers' to align properly */ 
} 
#footer > div > span { 
    margin:0 0 30px 0; 
    display:block; 
    font-weight:bold; 

} 

a { 
    display:block; 
    color:White; 
    text-decoration:none; 
    margin-bottom:10px; 
} 

看到這個位置：http://jsfiddle.net/StARu/

希望這有助於！