为什么我在第一个空格上不使用空格预换行和单词空格来设置空格宽度

Question

I use white-space: pre-wrap for space at the beginning of tag. And use word-spacing:1em to setup the space width.

But there is a problem that the space at the beginning of the tag is not 1em width, and other spaces are all right except it.

the code:

 p{ white-space: pre-wrap; word-spacing:1em; } 

 <p> This is a paragraph.</p> <p> This is a paragraph.</p> 

My problem is how to change the width of space at the beginning of tag.

Answer 1

The word-spacing property will only affect the space between two words, so i would add this:

p 
{
   padding-left: 1em;
}

Answer 2

You can also use the text-indent. The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block.

p { white-space: pre-wrap; word-spacing: 1em; border: 1px solid; text-indent: 1em}

Read more here: https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent