この記事は公開から1年以上前のものです。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
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; } |