html - 在段落元素中缩进列表的第二行(不是 UL 或 OL)

Question

我有一个具有以下结构的表:

html {
  width: 400px;  
}

<table>
    <tr>
      <td>Description:</td>
      <td style="white-space: pre-wrap;">
Some text which could be quite long with some 'simple' lists created by the user like this:
- Point 1
- Point 2
- Point 3
- Another point which is a bit longer than the previous one
- Point 4
      </td>
  </tr>
</table>

当我在浏览器中查看时，在宽度较小的屏幕上，其中一个元素符号点将换行并从该新行的开头开始。

理想情况下，我希望此元素符号点与前一行具有相同的缩进，因此同一元素符号点的两行文本将具有相同的缩进。

如果您想知道，没有有序或无序列表元素的原因是因为用户仅限于使用简单的文本区域来输入他们的内容。

谁能告诉我这是否可行，如果可行，如何实现？

提前致谢。

Answer 1

代码不应该是这样的吗:

<table>
    <tr>
      <td>Description:</td>
      <td style="white-space: pre-wrap;">
Some text which could be quite long with some 'simple' lists created by the user like this:
<ul>
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
<li>Another point which is a bit longer than the previous one</li>
<li>Point 4</li>
</ul>
      </td>
  </tr>
</table>

您需要使用正确的 ul 和 li 标签而不是 -。

编辑

如果您愿意从某些text-area 字段填充值，那么您可以实现WYSIWYG 文本编辑器，例如TinyMCE，< strong>CKeditor .