css - メニューが正しく整列しない

Question

私はcssメニューを持っていて、子が親メニューに合わせる必要があります。私はこれを正しく理解できないようです。私はいくつかのことを試しましたが、メニューはdivの中心になりません。

そのように見えるはずです：

コードは次のとおりです：http： //jsfiddle.net/V95wJ/

Answer 1

使用しています

text-align:center;

親メニューの場合、CSSを使用して子を親に合わせる方法はありません。jsを使っているかもしれませんが、それでも可能ではないと思います。

お子様メニューごとに手作業で行う必要があると思います。

Answer 2

CSSのul.nice-menu li ul li aスタイルでは、左側にパディング/マージンを追加することができます。簡単なテストでは、この要素のパディングを次のように設定していることがわかります。

padding: 0;
padding-left: 20px;

...そして追加

  margin-top: -10px;

ul.nice-menu li ulメニューとサブメニューの上下をきれいにタッチさせます。

おおよそあなたが望むものを与えるべきです。

注：Chromeでテストしました。

---

編集：Jerskaが指摘しているように、トップメニュー項目は中央に配置されます。つまり、サブメニューのテキストの配置は機能しません（少なくとも簡単ではなく、多くの調整を行わないと、おそらく機能しません。すべてのブラウザ）。

たとえば、左揃えのメニュー項目の場合、正しい方向を示すのに役立つ可能性があるため、答えは残しておきます。