css样式问题

如图，文字换行后没有顶格，这种样式怎样实现？

---

使用display:table 和table-cell把数字和段落分开，然后vertical-align: top;

第一个float:left
第二个margin-left

---

可以使用定位方法

<div style="position:relative">
    <div style="position:absolute;left:0;top:0;">4.</div>
    <div style="position:absolute;left:0;top:0;padding-left:50px;">这里面就是写的大段文字。这里面就是写的大段文字。这里面就是写的大段文字。这里面就是写的大段文字。这里面就是写的大段文字。</div>
</div>
<div style="position:relative">
    <div style="position:absolute;left:0;top:0;">5.</div>
    <div style="position:absolute;left:0;top:0;padding-left:50px;">这里面就是写的大段文字。这里面就是写的大段文字。这里面就是写的大段文字。这里面就是写的大段文字。这里面就是写的大段文字。</div>
</div>

padding-left的值根据情况调整就可以了，欢迎改进，谢谢。

---

这你居然采纳了。。。明明用<li>啊。。然后设置缩进。。。

---

<p>
    <span>1.</span> 抽中奖的用户....
<p>

p {
    padding-left: 50px;
}

span {
    margin-left: -50px;
}

哈，写完才发现直接 ol li 也可以，很少用 ol 的 list-style，快忘光了

---

line-height