用于在每个列表项之前显示带有复选框的缩进有序列表的CSS

Question

我不确定这是否可行,但我正在尝试在每个列表项的前面设置一个带有复选框的有序列表,如下所示:

1. 我希望在项目编号的左侧有一个复选框,并包装到句子中的第一个单词,而不是项目编号.
2. 与项目编号1相同的交易,需要项目编号左侧的复选框并包装到句子中的第一个单词.

我已经找到了使用这个问题的缩进内容,但是无法将复选框显示在与...相同的行上<li>.有没有办法做到这一点？

这是一个我一直在搞乱的jsFiddle.

Answer 1

http://jsfiddle.net/9v97V/2/

你可以做这样的事情.您将输入放在列表项中,然后将其绝对定位,使其显示在列表项之前.

最相关的CSS:

li input
{
    position: absolute;
    margin-left: -40px;
    margin-top: 5px;
}