css ulliナビゲーションバー水平表示

cssにはdisplayという属性があり、多くの効果を実現することができます.
例えばdisplay:blockは、表示する内容でwidthを埋め尽くし、デフォルトの長さではなく長さで表示します.
display:inlineは、前後の改行をキャンセルします

ラベルからなるナビゲーションバーは、デフォルトでは垂直に表示されます.display:inlineで水平表示ができます.
もっとdisplayの機能は、ドキュメントを参考にしてhtml displayを検索するとたくさん見つかります.
次に、

の水平表示の具体例を示す.

css:

nav ul
{
	list-style:none;
	display:inline;
}

nav li
{	
	width:200px;
	display:inline-block;
	background-color:red;
}