css: blockとinline

divで囲んだ要素にcssで枠を付けると中の要素サイズに関係なく、横幅一杯になってしまったので、どういうことかと調べたらタグにはblockかinlineのどちらかの属性を持っていて、

block

横幅一杯で前後に改行が入る。

inline

必要な分しか横幅取らない。改行も勝手には入らない。

で、cssのdispay属性で指定できるそうな。