用html和css布局如下图像,html – 使用CSS实现这个布局float：left和float：right,或者使用CSS margin-left和position：absolute？...

我想使用

HTML和CSS在主题左侧放置一些注释(例如下面的模型/图像中显示的’status’和’author’注释)：

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

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

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

This is a section title

approved

chris

This is some text. Lorem ipsum.

Lorem ipsum.

Different section title

rejected

Lorem ipsum.

有(至少)两种可能性：

> This answer uses float：right,with float：left

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

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