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



ご依頼/お問い合わせはSkypeでも!
(平日 9:00~18:00 | オンライン時のみ)
---お買い物用---

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