html - divクラスのリスト(ul li)のアイテムを中央に配置する方法は?

Question

小さなアイコンの水平リストを中央に配置しようとしています。Launchrock に精通している人なら誰でも、ユーザーはすべてのコードをカスタマイズできると思われます。標準の CSS を確認することはできませんが、すべての CSS をオーバーライドできます。

<div class="LR-site-connect">
    <ul class="LR-connect-share-links LR-clearfix">
        <li><a href="#" class="LR-connect-icon connect-rss" title="rss"></a></li>
        <li><a href="#" class="LR-connect-icon connect-github" title="github"></a></li>
        <li><a href="#" class="LR-connect-icon connect-pinterest" title="pinterest"></a></li>
        <li><a href="#" class="LR-connect-icon connect-youtube" title="youtube"></a></li>
    </ul>
</div> 

Answer 1

アイコンの幅が 16px で、レイアウトを次のようにするとします。

[      [ ] [ ] [ ] [ ]      ]

次のことを試すことができます。

.LR-connect-share-links { width: 94px; margin: 0 auto; overflow: hidden; }
.LR-connect-share-links > li { float: left; width: 16px; margin-right: 10px; }
.LR-connect-share-links > li:last-child { margin-right: 0; }

!importantオーバーライドする必要があるプロパティにいくつかの を追加すると、有効なソリューションが得られるはずです。

Answer 2

you can use this to override any css and stick that centered:

margin:0 auto !important;