floatせずにボックスを横並びに。親ボックスにdisplay:table;して、横並びさせる子ボックスにdisplay:table-cell;すればおｋ。このとき、子ボックス内を縦位置中央配置が可能。

kiyokichi のブックマーク 2012/01/06 23:23

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/13632195/comment/kiyokichi" data-user-id="kiyokichi" data-entry-url="https://b.hatena.ne.jp/entry/ib-ennoshita.jp/2008/04/24-ogawa.html" data-original-href="http://ib-ennoshita.jp/2008/04/24-ogawa.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fib-ennoshita.jp%2F2008%2F04%2F24-ogawa.html" data-user-icon="/users/kiyokichi/profile.png">CSS「display: table」と「display: table-cell」で出来ること | アイビーネットblog</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">floatせずにボックスを横並びに。親ボックスにdisplay:table;して、横並びさせる子ボックスにdisplay:table-cell;すればおｋ。このとき、子ボックス内を縦位置中央配置が可能。</p><a class="datetime" href="https://b.hatena.ne.jp/kiyokichi/20120106#bookmark-13632195"><span class="datetime-body">2012/01/06 23:23</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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