为什么文本缩进不起作用?

时间:2018-05-08 08:46:33

标签: css

我想缩进每个段落中文本的第一行

p3 {
  display: inline;
  text-indent: 50px;
  font-family: Helvetica, serif;
  font-size: 30px;
  font-weight: 100;
  margin-top: 40px;
}

2 个答案:

答案 0 :(得分:1)

如果 items_checkedListBoxp3class),请在css中使用class="p3"

.p3

如果 .p3 { display: inline; text-indent: 50px; font-family: Helvetica, serif; font-size: 30px; font-weight: 100; margin-top: 40px; } p3id),请在css中使用id="p3"

#p3

我重新命名您,以了解有关{css :: https://www.w3schools.com/cssref/css_selectors.asp

#p3 { display: inline; text-indent: 50px; font-family: Helvetica, serif; font-size: 30px; font-weight: 100; margin-top: 40px; } 的更多信息

答案 1 :(得分:1)

忽略您的无效选择器的问题,我会认为您的意思是p

您需要将text-indent添加到包装器元素,而不是段落本身。



p {
  display: inline;
  font-family: Helvetica, serif;
  font-size: 30px;
  font-weight: 100;
}

div {
  text-indent: 50px;
}

<div>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.</p>
</div>
&#13;
&#13;
&#13;