top menu ページトップのメニューの考察

上の「ホームへ戻る」などの項目は、IEを使う場合に、画面の文字を大きくすると、表示がずれて見難くなった。
これを回避するには、float: left; と指定する必要があったが、表示が左端によってしまう。その為、左端からの padding などを指定していた。
しかし、これでは中央に表示することは出来ない。考察の結果、枠からの padding を設定したらうまく表示された。
枠から padding: 10px 80px; と指定し、右端のリンクは float: right; margin: 0; とすると完成する。
リンクタブの幅を width: 8em; などと指定すれば、全部同じ幅になる。

リストCSS

リストHTML