CSSメモ。こちらを参考にさせて頂きました。
display: inline;かー。知らなかったな。
以下引用
HTML
|
1 2 3 4 5 6 7 8 9 |
<div id="textmenu"> <ul> <li><a href="">about</a></li> <li><a href="">news</a></li> <li><a href="">portfolio</a></li> <li><a href="">blog</a></li> <li class="textmenu_li_right"><a href="">link</a></li> </ul> </div> |
CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
#textmenu { text-align: center; } #textmenu li { list-style-type: none; border-right: 1px black solid; display: inline; padding: 0px 0.5em 0px; } /* IE用 */ * html #textmenu li{ display: inline; padding-left: 1em; } /* 右端リンクの右側の区切り棒を消す */ #textmenu .textmenu_li_right { border-right: none; } |