css-float - 列表中的浮动表单元素

Question

我正在尝试实现以下效果，这里我使用 ( ) 来表示单选按钮：

Y    N
( )  ( )  1.  blah blah blah blah.
( )  ( )  2.  blah blah blah blah
              blah blah blah.
( )  ( )  3.  blah blah blah blah.

以下小提琴接近我在 Safari 和 Chrome 上想要的，但不是 Firefox：http: //jsfiddle.net/RKfrk/7。但在 Firefox 上，单选按钮不会向左浮动。我没试过IE。

有什么建议么？提前致谢。

Answer 1

我添加了一个负边距，以便将单选按钮移动到列表编号的左侧：

.floatingButtons {
     width: 4em;
     float:left;
     margin-left:-4em;
 }
 .clearFloat {
     clear:left;
 }
 li {
     margin-left:2em;
 }

这是小提琴：http: //jsfiddle.net/mmertel/7mBkR/