Show white space at the beginning of a text in HTML

If you have to have spaces you can use  , so code would look like:

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is a paragraph.</p>

For 5 spaces. Though I think you may be best using css to add padding / margin styling to achieve what you are after.

EDIT

Snippet added using padding method:

p.padded {
  padding:.3em .5em .1em 2em;
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p>

<p class="padded">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p>

Use this for normal space:

p {
      white-space: pre-line;
  }

To indent a paragraph, use :before in CSS

p:before {
    content: '';
    display: inline-block;
    width: 30px;
}

You can use white-space: pre; property in CSS which doesn't collapse spaces:

    p {
    	white-space: pre;
    	color: black;
    	background: pink;
    }
    <p>             This is a paragraph.</p>

Tags:

Html

Whitespace

Recent Posts