将第二行文本设置为标签，如第1行

Question

我正在尝试格式化一些padding并将其写入（在Notepad ++中手动编写），这对我来说并非易事。我的语法接近它需要的语法，但是当文本（主要是AAAA行）转移到辅助行时，它会丢失添加的<p>。另外，我认为是HTML div标签导致它在标头和子数据之间添加空格。这是我的<p>This would be acceptable:<br> <p style="text-indent: 5em;"><strong>Bookbag</strong></p> <p style="text-indent: 5em;">Fill it full of your favorite items!</p> <p style="text-indent: 5em;"><strong>Extra Clothes</strong></p> <p style="text-indent: 5em;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> ，附上的是我想要它的截图。

{{1}}

Answer 1

在包装块元素上使用padding而不是text-indent。

<p>This would be acceptable:<br>
<div style="padding-left:15px;">
<p><strong>Bookbag</strong></p>
<p>Fill it full of your favorite items!</p>
<p><strong>Extra Clothes</strong></p>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
</div>

http://jsfiddle.net/at4Lotno/

Answer 2

text-indent仅在第一行文字之前添加空格，padding将在整个内容之前添加空格

＆＃13;

＆＃13;

<p>This would be acceptable:<br>
<p style="text-indent: 5em;"><strong>Bookbag</strong></p>
<p style="text-indent: 5em;">Fill it full of your favorite items!</p>
<p style="text-indent: 5em;"><strong>Extra Clothes</strong></p>
<p style="padding-left: 5em;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>

＆＃13;

＆＃13;

＆＃13;