如何在跨度中的CSS中创建与浏览器兼容的所有悬挂缩进样式

p {
  text-indent: 2em;
}

p {
  padding-left: 2em;
}

p {
  margin-left: 2em;
}

p::before {
  content: '\00a0';
  display: inline-block;
  width: 2em;
}

p {
  white-space: pre;
  padding-left: 2em;
}

ul {
  list-style-type: none;
  padding-left: 2em;
}

li {
  text-indent: -1em;
  margin-left: 2em;
}