列表中的浮动表单元素

时间:2012-07-20 12:21:36

标签: css-float html-lists html-form

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

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

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

有什么建议吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

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

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

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