HTML中的文本缩进

我很困惑为什么我的文本没有缩进

左下角的教育规范包装在一个p样式中，如下所示：

<p style="text-indent: 3em">Educational Specifications</p>

为什么这不起作用

谢谢

改用左边填充

---

因为在style.css的第150行中，您为内容中的元素指定了display:inline

#content p {
   display: inline;
   margin: 0;
   padding: 0;
}

---

只需删除该规则即可

文本缩进属性对内联元素不起作用。尝试：

<p style="display: block; text-indent: 3em;">Educational Specifications</p>

---

这应该适合您。

因为p元素在这里是内联的。你可以找到

#content p { display:inline }

在style.css文件中

但是indent属性只作用于块容器

#content p { display:inline }