block要素の横幅を要素の内容によって伸縮させる方法 その１

こんにちは 馬場です。 divタグやpタグのような block要素の横幅は 要素の内容に関係なく、 横幅いっぱいに広がります。 （親要素の横幅に依存する） しかし、 中のテキストの横幅によって 伸び縮みして欲しいときがあります。 今回から3回に分けて、 block要素の横幅を 要素の内容によって 伸縮させる方法を ご紹介します。 ○ displayを使った実現方法 ○ floatを使った実現方法 ○ positionを使った実現方法 ▼displayを使った実現方法 divタグやpタグは block要素ですので、 横幅はいっぱいいっぱいに伸びます。 （block要素のwidthは親要素のwidthに依存） それに対し、 inline要素は内容によって 横幅が伸縮します。 （inline要素のwidthは内容に依存） スタイルで divタグやpタグの displayをinlineにすれば、