
How to create blank white space in html? What is Spaces in HTML (Blank Spaces/ Whitespace)?
What is HTML Basics–Whitespace?

Spaces in HTML can be difficult to understand for the novice web designer, because whether you type 1 space or 100 in your HTML, the web browser automatically collapses those spaces down to just one.
There are number of ways to add blank space.
1) use
- HTML: test1|test2|test3
- Output: test1|test2|test3
- HTML: test1
|
test2
|
test3 - Output: test1 | test2 | test3
2) use <pre>
The text within the pre html tag will retain all its line breaks and multiple space with indents if any.
- HTML:
<pre>
test1 | test2| test3</pre>
- Output: test1 | test2| test3
3) use style padding
This line starts after some blank space at left, i.e. 20px
- HTML:
<span style="padding-left:20px">
test1 | test2 | test3</span> - Output: test1 | test2 | test3
Let me know if you have any question about it.