如何正确对齐页脚文本

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/

希望这有助于！