display:inline-blockとはinlineでありながらwidthやheightを指定可 - block inline inline-block width,height ○ ☓ ○ 例 div,table span,a img,input,textarea,select 通常(というかfirefoxでは)、display:inline 要素に対して、widthやheightを指定しても、変化はありませんが、display:inline-block 要素では、これらを指定できます。 と言っても、画面サンプルやsrcを見る方が理解は速いと思います。 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="common.css"
![今更、cssの display:inline-block を理解する - end0tknr's kipple - web写経開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/90db71626d8a4c735849bd3880b3a969bdc47412/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fe%2Fend0tknr%2F20111229%2F20111229191251.png)