how to add/Insert blank space in html Code?


I learn to Space in HTML can be difficult to understand step by step for the novice some faces big problems for web designer, because whether you type 1 space or 100 in your HTML DOM user interface, also point to be noted the web browser automatically collapses those some available spaces down to just single.

There are multiple of methods to add blank space

1) use  

  • HTML: mp4moviez1|mp4moviez2|mp4moviez3
  • Output: mp4moviez1|mp4moviez2|mp4moviez3
  • HTML: mp4moviez1 | mp4moviez2  |  mp4moviez3
  • Output: mp4moviez1 | mp4moviez2  |  mp4moviez3

2) use <pre>

The simple Example here text within the pre html tag will retain all data its line breaks as well as multiple space with indents if any.

Free Live Chat for Any Issue
  • HTML: <pre>mp4moviez1   |      mp4moviez2|       mp4moviez3</pre>
  • Output: mp4moviez1   |      mp4moviez2|       mp4moviez3
Read Also:  how to create horizontal tabs in html?

Also Read : Example with Demo

3) use style padding

This line starts after some blank space at left, i.e. 20px

  • HTML: <span style="padding-left:20px">mp4moviez1    | mp4moviez2  |   mp4moviez3</span>
  • Output:                   mp4moviez1    | mp4moviez2  |   mp4moviez3


You can also read about AngularJS, ASP.NET, VueJs, PHP.


I hope you get an idea about space in html.
I would like to have feedback on my blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Read Also:  youtube video download - How To Download YouTube Video [Both Offline/Online]

How useful was this post?

Click on a star to rate it!