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はこんな感じ。配置したいブロックをdiv要素で作って、そこに配置するul/li要素を入れます。inline-blockのマークアップは、改行やスペースを入れるとテキストノードが入る事で、cssでコントロールできない隙間が出来ち
![inline-blockをちょうどいい感じにブロックの中に並べるcssと注意点 - kanonji’s diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/533c1111a52241c98dffe7be408474f7f0d43c6e/height=288;version=1;width=512/http%3A%2F%2Fimg.f.hatena.ne.jp%2Fimages%2Ffotolife%2Fk%2Fkanonji%2F20120109%2F20120109124009.png)