ゆちの備忘録β

はてなブログお試し期間中

CSS-覚えとくと便利な技

リスト(liタグ)を横並びにする

[インライン要素にする]

li{
display:inline;
}



[float]にする

.listbox{ /*ul*/ }
.listbox li{
float:left;
}
/*リスト以降はfloatしないようにする*/
.listbox:after{
height:0; visibility:hidden; content:"."; display:block; clear:both;
}