CSS:对齐 float li 在 div 内居中？

Question

HTML

<div class="wrapper join-links">
    <ul>
       <li><a href="link">Whatever</a></li>
       <li><a href="link">Something</a></li>
    </ul>
</div>​

CSS

.join-links li {
    float:left;
    margin-right:20px;
}​

是否有可能在环绕包装器 div 中将两个链接“居中”或“对齐”对齐？

http://jsfiddle.net/CRrmL/

编辑:我也想知道我是否可以正确对齐它们？

Answer 1

将 float: left 更改为 display: inline 给你:

.join-links li {
    display: inline;
    margin-right:20px;
}​

然后您可以在父 div 上使用文本对齐。

Example centre align
Example right align