liタブを改行せずに横並びにするCSS設定を紹介します。
コーディング例
<style type="text/css">
li {
display: inline-block;
}
</style>
<ul>
<li>
【liタグ①】
</li>
<li>
【liタグ②】
</li>
</ul>
表示例
実際にブラウザで見ると次の様に表示されます。
- 【liタグ①】
- 【liタグ②】
＜li＞での横並び表示
実際にブラウザで見ると次の様に表示されます。