css span标记不能缩进两个字符

最近我在编写网页时，遇到了一个问题：CSS的标记无法缩进两个字符。

span {
  text-indent: 2em; /* 无效 */
}

我对这个问题进行了一些研究，发现了以下原因：

• span标记是内联元素，它的文本内容会被包裹在一对标记中。
• 内联元素不能设置宽度和高度，因此无法设置标记的缩进。

所以，如果我们想要设置标记的缩进，可以考虑将其转化为块级元素：

span {
  display: block;
  text-indent: 2em;
}

这样，标记就能够缩进了。当然，如果你只想缩进标记中的部分内容，可以考虑给其内容包裹一个新的标签。

缩进的内容

总的来说，当我们遇到无法设置缩进的问题时，应该从不同的角度去思考：是否选择了正确的元素、是否需要更改元素的属性等。