次のhtml構造を検討してください。
<div class="entry">
<h1>Title</h1>
<p>...</p>
<p>...</p>
<div class="tagged">...</div>
<div class="comments">...</div>
</div>
cssは次のとおりです。
.taggged { float: left; width: 50%; }
.comments { float: right; width: 50%; text-align: right; }
.entry { margin-bottom: 30px; }
問題は、余白(または該当する場合はパディング)が.entry
要素の下部に表示されないことです。私が試しoverflow: auto
たこと.entry
とのさまざまな順列clear: