嘿，我来帮你拆解一下这个问题，主要是这几个核心原因：

• display: inline 是罪魁祸首
  text-indent 属性只对**块级元素（block-level）**或者设置为 inline-block 的元素生效。而你设置了 display: inline，这会让元素变成行内元素——行内元素的内容是在一行内连续排列的，不会形成独立的段落块，自然就没有“首行”的概念，text-indent 也就起不了作用了。

• 选择器可能存在错误
  你的CSS选择器写的是 p3 { ... }，如果这是自定义的<p3>标签，它不属于标准HTML标签，浏览器会默认把它当作行内元素处理；如果是想给段落标签设置样式，应该用 p { ... }；如果是类名，要改成 .p3 { ... }，对应的HTML也要写成 <p class="p3">。

• 顺便提个小问题：margin-top对inline元素无效
  你设置的 margin-top: 40px 也不会生效，因为行内元素不支持垂直方向的外边距，这同样是 display: inline 导致的。

修正后的CSS示例 #

根据你的需求，把display改成block或者inline-block（根据你的布局需求选），就能让text-indent正常工作了：

.p3 {
  display: block; /* 若需要保留行内特性可选inline-block */
  text-indent: 50px;
  font-family: Helvetica, serif;
  font-size: 30px;
  font-weight: 100;
  margin-top: 40px;
}

内容的提问来源于stack exchange，提问作者user9757285