これが私がやってのけようとしているものです...
対応する HTML:
<article>
<h3>Fading Forest</h3>
<p>Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper.</p>
<p class="permalink"><a href="http://example.com/12345" title="">example.com/12345</a></p>
</article>
だから私がする必要があるのは、それぞれh3
をp
ボックスにラップすることですが、現在、タグh3
とp
タグはブロックレベルの要素であるため、対応するブロックは幅いっぱいに広がっています。
コンテンツに応じて幅を調整したい(そして、幅max-width
が広すぎないように適用するだけです)。
これは私がこれまでに得たものですが、うまくいきません...明らかに。http://jsfiddle.net/hAtRs/