hail2u.net - Weblog - floatで並べたリストのセンタリング : .centered { position: relative; overflow: hidden;}.centered ul { position: relative; left: 50%; float: left;}.centered ul li { position: relative; left: -50%; float: left;}

nilab のブックマーク 2009/06/20 09:09

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/13554653/comment/nilab" data-user-id="nilab" data-entry-url="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/webdesign/centering-floated-list.html" data-original-href="https://hail2u.net/blog/webdesign/centering-floated-list.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhail2u.net%2Fblog%2Fwebdesign%2Fcentering-floated-list.html" data-user-icon="/users/nilab/profile.png">hail2u.net - Weblog - floatで並べたリストのセンタリング</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li></ul><br><p style="clear: left">hail2u.net - Weblog - floatで並べたリストのセンタリング : .centered {  position: relative;  overflow: hidden;}.centered ul {  position: relative;  left: 50%;  float: left;}.centered ul li {  position: relative;  left: -50%;  float: left;}</p><a class="datetime" href="https://b.hatena.ne.jp/nilab/20090620#bookmark-13554653"><span class="datetime-body">2009/06/20 09:09</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！