CSS-软换行到字符位置上的缩进列表

我有这样一份清单：

<ol>
<li>2017 &mdash; Lorem ipsum blah blah blah blah blah blah blah blah blah.
<li>2018 &mdash; Lorem ipsum blah.
</ol>

我想要的是它像这样包装：

* 2017 — Lorem ipsum blah blah blah blah 
  blah blah blah blah blah.
* 2018 - Lorem ipsum blah.

* 2017 — Lorem ipsum blah blah blah blah 
         blah blah blah blah blah.
* 2018 - Lorem ipsum blah.

---

在QuarkXPress中，您可以输入一个特殊的隐藏字符，强制所有文本行从该点缩进到下一段落返回。（在上面的示例中，这个特殊的隐藏字符将位于“L”之前）。这就是我在CSS中所追求的——是否存在这样的东西？

您可以使用伪元素和计数器来实现这一点：

ol{
计数器重置：第2016节；
列表样式：无；
}
欧利{
显示器：flex；
}
李：以前{
反增量：节；
内容：柜台（部分）“-”；
右边距：5px；
弹性收缩：0；
}

奥雷姆·伊普苏姆，诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类。废话废话废话废话废话废话。废话废话废话废话废话废话
罗勒姆·伊普苏姆

我不知道是否有一种简单的CSS方法可以做到这一点，您可以通过将li内容划分为两个div，显示内联块来破解它。把“年”放在一个字里，把正文放在另一个字里。毫无疑问还有更好的方法，我试图避免使用基于表或div的解决方案，因为这是一个项目列表，我想保留一个。（虽然我认为一张桌子可能也是对的，但我觉得它更像一张清单。）谢谢你的建议太好了，谢谢你。你知道吗？@RaspberryLime啊，对于屏幕阅读器来说，2017/2018将不可用，因为它不是html内容，而是CSS。它也不可供选择，试着选择所有的文本，你会发现这是一个真正的耻辱。我在视觉上也做得很好（列表实际上要长得多，有些年份没有条目，有些年份有多个条目）。