css - text-align:テキストを中央揃えにしない中央揃え

Question

このページでグリフを中央に配置する方法を考えています。@font-face を使用したアイコンフォントですが、各グリフを含むアンカーに text-align:center を適用した後でも、中央に配置されません。

左揃えで表示されます。

それらを中央に配置するためにそれらを修正する方法について何か考えはありますか?

css3 の flexbox を使用しないソリューションを希望します。

また、ヘッダーの最後のテキスト行 #navigationText を中央に配置していただければ、それも中央に配置されていないように見えるので、非常にありがたいです。

score 2 · Accepted Answer

float:leftから削除するだけ.nav ul liです。フローティングされている子とフローティングされていないtext-align:centerすべての子を中央に配置します。display:inline

.nav ul li {
    float: left;
}

score 0 · Accepted Answer

授業で使うdisplay:inline-block;と.nav ul…自動でセンターに…

.nav ul {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

2 に答える 2