メニューバーを中央に配置して、メニューバーをテキストに合わせようとしています。ここに私が編集しようとしているウェブサイトがあります: http://www.graffitisumperk.g6.cz/blog/
この方法でメニュー項目を中央に配置できることはすでにわかっています。
.menu {
text-align:center
}
.menu li {
display:inline-block;
float:none;
margin-left: -5px;
}
.menu li li {
display:block;
text-align:left
}
しかし、メニュー バーをメニュー項目の幅に合わせることができないようです。私はそれが445pxの長さであるべきだと計算しましたが、これを変更すると:
#container {
margin: 0 auto;
max-width: 960px;
メニューバーだけでなく、ページ全体に影響を与えました。それを修正する方法はありますか?