位于文本上方的无序列表项项目符号点

Question

我对 CSS 还是很陌生，所以这可能是一个愚蠢的问题。

列表使用连字符而不是项目符号样式。项目符号位于文本行上方而不是文本旁边。我已经尝试了这里提供的一系列方法，但并没有让步。

这是我目前得到的 css：

li { 
  list-style-position: inside;
  position: relative;
  padding-left: inherit;  
}

ul, li:before {
  content: '–'; 
  vertical-align: middle;
  position: relative;
  display: list-item;
}

Answer 1

您可以使用::marker 伪类定位列表样式标记：

ul {
  list-style-position: inside;
}

li {
  background: dodgerblue;
}

li::marker {
  content: '-';
  color: hotpink;
}

<ul>
  <li><br>
  God's own country</li>
</ul>