css多行文本缩进

p {
  text-indent: 2em; /* 2个字符宽度的缩进 */
}

p {
  position: relative;
  padding-left: 2em;
}

p::before {
  content: '';
  position: absolute;
  left: 0;
  width: 2em;
  height: 100%;
  background: linear-gradient(to right, transparent 50%, #fff 50%);
}

document.querySelectorAll('p').forEach(function(el) {
  let text = el.innerText;
  let lines = text.split('\n');
  let indentedText = lines.map(line => '  ' + line).join('\n');
  el.innerText = indentedText;
});

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  text-indent: 2em;
}

p {
  -webkit-text-indent: 2em; /* Safari 和 Chrome */
  -moz-text-indent: 2em; /* Firefox */
  text-indent: 2em;
}