浜松市を拠点に静岡県西部にてWeb,デザイン,写真撮影〜を行っております。SOHOならではの身軽さと適正料金にてお客様の企業価値向上に取り組んでいます。サイト制作・管理、カタログ・広告デザイン、撮影等までお気軽にご相談下さい。




2014年10月1日

備忘録:floatした要素のセンター寄せ

Filed under: Web & Design,備忘録 — Cript @ 1:06 AM

いっつも忘れるリストとかのフロートした要素をセンター寄せするCSS
ulもliもfloat:left;して
ulで50%左にしてliで-50%にするのがミソ。

.wrap {
position:relative;
overflow:hidden;
}

ul {
position:relative;
float:left;
left:50%;
}

li {
position:relative;
float:left;
left:-50%;
}

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment