html – 使用CSS实现这个布局float：left和float：right,或者使

我更喜欢CSS而不是基于表的布局.

应在标题之前(左侧)显示注释,如上所示.

在HTML中,注释应位于相应的标题之后,例如如下(因为与主题相关联的信息/内容通常是主题的标题之后)：

<h1>This is a section title</h1>
<div class="status">approved</div>
<div class="author">chris</div>
<p>This is some text. Lorem ipsum.</p>
<p>Lorem ipsum.</p>
<h1>Different section title</h1>
<div class="status">rejected</div>
<p>Lorem ipsum.</p>

有(至少)两种可能性：

> This answer uses float：right,with float：left
> This answer uses margin-left,位置：absolute和left

这些(或任何其他答案)中的哪一个是实现此布局的更好方式,为什么？