kanonji https://blog.hatena.ne.jp/kanonji/ kanonji’s diary https://kanonji.hatenadiary.com/ css http://jsdo.it/kanonji/1Hm4 こんな感じで、縦横100pxの正方形を、縦横10px空けながらinline-blockで配置したい場合のcssです。ネガティブマージンを使うんですが、ちょっと注意点もあったので、やり方とその注意点をメモしておきます。 やり方 <h2>Target</h2> <div id="target"> <ul> <li></li ><li></li ><li></li ><li></li ><li></li ><li></li ><li></li ><li></li ><li></li> </ul> </div> htmlはこんな感じ。配置したいブ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkanonji.hatenadiary.com%2Fentry%2F20120227%2F1330307853" title="inline-blockをちょうどいい感じにブロックの中に並べるcssと注意点 - kanonji’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://img.f.hatena.ne.jp/images/fotolife/k/kanonji/20120109/20120109124009.png Hatena Blog https://hatena.blog 2012-02-27 10:57:33 rich https://kanonji.hatenadiary.com/entry/20120227/1330307853 1.0 100%