Question

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

最左下方的“教育规范”包含在一个p样式内：

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

为什么这不起作用？

谢谢！

Answer 1

因为在style.css的第150行你指定了display：内联中<p>元素的内联

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

删除该规则

Answer 2

改为使用padding-left。

style="padding-left: 3em;"

Answer 3

text-indent属性不适用于内联元素。尝试：

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

那应该适合你。

Answer 4

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

#content p { display:inline }

在你的style.css文件中。

但是缩进属性只对块容器起作用。