首行文本缩进 text-indent

Docs

text-indent 属性能定义一个块元素首行文本内容之前的缩进量。

text-indent 用于设置第一行内容的缩进。
text-indent: 2em; 刚好是缩进 2 个文字。
现在段落间一般用空行来分隔，首行基本不缩进。所以 text-indent 用的不多。

HTML
CSS

<p class="indent1">
  国家能源局表示，在增加煤炭、石油和天然气产量以确保今年能源安全的同时，中国正在加快风能和太阳能的发展，以向绿色能源过渡。
  <span class="keyword"> text-indent: 2em; </span>
</p>
<p class="indent2">
  China is accelerating wind and solar power development for its transition to green energy even as it increases coal,
  oil, and gas output to ensure energy security this year, the National Energy Administration said.
  <span class="keyword"> text-indent: 5%; </span>
</p>

.keyword {
  font-weight: bold;
  background-color: silver;
  color: darkgreen;
}

.indent1 {
  text-indent: 2em;
}

.indent2 {
  text-indent: 5%;
}

http://localhost:3000/text-indent.html

国家能源局表示，在增加煤炭、石油和天然气产量以确保今年能源安全的同时，中国正在加快风能和太阳能的发展，以向绿色能源过渡。 text-indent: 2em;

China is accelerating wind and solar power development for its transition to green energy even as it increases coal, oil, and gas output to ensure energy security this year, the National Energy Administration said. text-indent: 5%;