PHP & JavaScript Room :: 設置サンプル

• display:inline
• display:inline
• display:inline

<style type="text/css">
    ul#s2 li { display:inline; }
    ul#s2 li a { background-color:orange; color:#fff; border:1px solid orange; text-decoration:none; padding:5px; }
    ul#s2 li a:hover { background-color:#fff; color:orange; border:1px solid orange; }
</style>

<ul id="s2">
    <li><a href="#">display:inline</a>
    <li><a href="#">display:inline</a>
    <li><a href="#">display:inline</a>
</ul>