ワイズリマインダー

liとfloatで横に並べる

html

<ol>
<li>LIST1</li>
<li>LIST2</li>
<li>LIST3</li>
</ol>

css

ol{
  margin:0;
  padding:0;
  list-style-type:none;
}
ol:after{
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}
ol > li{
  float:left;
}

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください