css - 如何在斜体标签中缩进

Question

所以我在斜体标签之间有一些文字，如下所示：

<i> Lorem ipsum...</i>

我需要缩进它。我已经尝试了 text-indent css 属性，但它不适用于斜体标签。对于我的编程布局，我不能在段落标签中包围斜体标签，也不能跨标签。请帮忙！

Answer 1

text-indent仅适用于块容器。

所以让你的i元素成为一个块容器：

i {
  display: block;
  text-indent: 1em;
}

i {
  display: block;
  text-indent: 1em;
}

<i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan.</i>

Answer 2

您可以使用普通的旧填充和边距吗？

i {
    padding-left: 5px;
}