HTML CSS

HOW TO ADD SPACES IN HTML CSS

(a quick guide)

  Single empty space    2 empty spaces   4 empty spaces

NON-BREAKING SPACES

01

<p>First paragraph</p> <p>Second Paragraph</p>

PARAGRAPHS

02

First Line.<br> Second Line.<br> Third Line.

LINE BREAKS

03

<pre>This will retain        all empty spaces     and line breaks as-it-is. </pre>

PREFORMATTED TEXT

04

<p style="padding: 10px;                  margin: 10px;">   FOO </p>

PADDING & MARGIN

05

<p style="letter-spacing: 5px;                  word-spacing: 10px;                  line-height: 15px">   FOO </p>

LETTER WORD  LINE SPACING

06