Html CSS问题：句子不是从同一个起点开始的

我希望实现页面的以下外观：

相反，我现在得到的是：

0023230123-该项目具有blab babrf fhgdf fdgdfg fdgfdg fdgfd fdgdf fdgdf fdgvberg
以及dfsd sddexf

换句话说，我希望项目描述，如果它对于一行来说太长，我希望第二行（第三行、第四行等）将从与第一行相同的点开始

我的代码如下：

item.id是项目的数字标识符：002323123

项目。说明为文本：项目具有blab babrf fhgdf fdgdfg fdgfdg fdgfd fdgdf fdgvberg和dfsd sddexf

---

有没有关于如何实现这一点的建议？

听起来很像是表格数据，在这种情况下，这种布局几乎是免费的

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Description</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>0213515351</td>
            <td>This item has bla bla bla and also sdljfhbsdf lsjhdbfsjlhdbfsjhdfbsjhdbf</td>
        </tr>
    </tbody>
</table>

身份证件
描述
0213515351
此项有bla bla bla和sdljfhbsdf LSJHDDBFSJLHDBFSJHDFBSJHDBF

您可以使用：

HTML

---

您只需浮动跨距，以便浏览器将跨距彼此相邻

请看这里：

HTML示例：

<span class="itemize">Item ID 1</span>
<span class="separator"> - </span>
<span class="text">Lorem ipsum dolor sit amet,...</span>

<span class="itemize">Item ID 2</span>
<span class="separator"> - </span>
<span class="text">Lorem ipsum dolor sit amet,...</span>

---

如果数字是固定宽度的，并且您希望使用HTML列表，也可以通过以下方式完成：

HTML

<ul>
    <li id="0023230123">The item has blab babrf fhgdf fdgdfg fdgfdg fdgfd fdgdf fdgdf fdgvberg and also dfsd sddexf.</li>
    <li id="0023230123">The item has blab babrf fhgdf fdgdfg fdgfdg fdgfd fdgdf fdgdf fdgvberg and also dfsd sddexf.</li>
</ul>

这是一个例子

<span class="itemize">Item ID 1</span>
<span class="separator"> - </span>
<span class="text">Lorem ipsum dolor sit amet,...</span>

<span class="itemize">Item ID 2</span>
<span class="separator"> - </span>
<span class="text">Lorem ipsum dolor sit amet,...</span>

span {
    float: left;
}

span.itemize {
    clear: both;
    width: 70px;
}
span.separator {
    width: 20px;
    text-align: center;
}

span.text {
    width: 300px;
}

<ul>
    <li id="0023230123">The item has blab babrf fhgdf fdgdfg fdgfdg fdgfd fdgdf fdgdf fdgvberg and also dfsd sddexf.</li>
    <li id="0023230123">The item has blab babrf fhgdf fdgdfg fdgfdg fdgfd fdgdf fdgdf fdgvberg and also dfsd sddexf.</li>
</ul>

ul {
    padding-left: 90px;
    list-style: none;
    font-family: Consolas, monospace;
    font-size: 10pt;
}
li:before {
    position: absolute;
    content: attr(id) ' - ';
    display: block;
    margin-left: -90px;
}