miccholy https://blog.hatena.ne.jp/miccholy/ HTML5やCSSやCMSやオープンソースなどなどの設定備忘録｜hacked by micc https://miccholy.hatenadiary.org/ CSS ↓元記事 【CSS】ul,olのリストを横並びにするときにfloatじゃなくてdisplay:inline-blockを使う方法 http://delaymania.com/201404/web/list-inline-block/ いままでliをfloatしてリストつくっちゃうとulに高さがつかなくて リスト表示のしたのmarginやらpaddingの設定に苦労してたんだけど、 なるほどこの方法なら楽だなー。 ul { font-size: 0; } li { background-color: #222222; display: inline-block; font-size: 12px;… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmiccholy.hatenadiary.org%2Fentry%2F20141108%2F1415451174" title="liで横並びをfloatしないでdisplay: inline-block;をul下に余白マージンがつけられて便利。 - HTML5やCSSやCMSやオープンソースなどなどの設定備忘録｜hacked by micc" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-11-08 21:52:54 rich https://miccholy.hatenadiary.org/entry/20141108/1415451174 1.0 100%