下の例では、ul要素に対し、marginとpaddingの値を「0」にしてデフォルトのスタイルを初期化しています。マーカーは、多くのブラウザで表示されませんが、念のためlist-style-typeプロパティの値を「none」としてマーカーを表示しないよう記述してあります。そのうえで、li要素をdisplayプロパティで「inline」として、インライン表示をしています。また、リストとリストの間隔を適度にあけるために、左右に6pxのmarginを指定しています。
CSS記述例
<html>
<head>
<style type="text/css">
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
display: inline;
margin: 0 6px;
font-size: 90%;
}
</style>
</head>
<body>
<ul>
<li>リストその１</li>
<li>リストその２</li>
<li>リストその３</li>
<li>リストその４</li>
<li>リストその５</li>
</ul>
</body>
</html>