＜li＞での横並び表示

liタブを改行せずに横並びにするCSS設定を紹介します。
コーディング例

<style type="text/css">
    li {
        display: inline-block;
    }
</style>

<ul>
    <li>
        【liタグ①】
    </li>
    <li>
        【liタグ②】
    </li>
</ul>

 
表示例

実際にブラウザで見ると次の様に表示されます。

• 【liタグ①】
• 【liタグ②】