HTML space : create blank space between lines, paragraph Example

Web Technology

Question How to create blank white space in html?, how to add a blank space in html?, What is &nbsp in HTML (Blank Spaces/ Whitespace)?, how to make blank html entities?, how to give blank &nbsp in html?, What is HTML Basics–Whitespace?

List of all Google Adsense, VueJS, AngularJS, PHP, Laravel Examples.

Spaces in html entities can be irritating to learn as well as understand for the beginner web designer & devloper, because whether you type Non-breaking html entities render 1 space as well as 100 in your code of the HTML, the Data web browser reflexive added collapses those some extra &nbsp down to just simple main one examples below.

Also You can Read My Prev Article For How to crop image to square center in CSS with html?

There are Basic HTML number of Main 3 ways to add blank space

Basic HTML: How do you create blank space in HTML?

  • HTML: pakainfo1|pakainfo2|pakainfo3
  • Output: pakainfo1|pakainfo2|pakainfo3
  • HTML: pakainfo1 | pakainfo2  |  pakainfo3
  • Output: pakainfo1 | pakainfo2  |  pakainfo3

Way 2) use

The text string within the pre html tag will give all It is text line breaks as well as multiple added space with order if any.

  • HTML: <pre>pakainfo1   |      pakainfo2|       pakainfo3</pre>
  • Output: pakainfo1   |      pakainfo2|       pakainfo3

Way 3) use style padding

This text line starts and then extra added blank space at left side Like as, 30px

  • HTML: <span style="padding-left:30px">pakainfo1    | pakainfo2  |   pakainfo3</span>
  • Output:                   pakainfo1    | pakainfo2  |   pakainfo3
html space,space in html,html blank space,html space code,blank space html,&nbsp,html code for space,nbsp, ,html tab
HTML code for Space

Non-breaking html entities

A common text character entity used in HTML source code is the non-breaking html   between paragraphs : like as a  


  • § 25
  • 25 km/h
  • 25 PM

HTML code for Space

Keep some spacing in text that is copy pasted into a web page

<pre class="tab">Welcome    To      free    Download source code     Pakainfo</pre>

html space between lines,html space between paragraphs,tab space in html,html spaces in p,html space indent,html entities,render a space in html,&nbsp example
Creating extra   around an element or object

Useful HTML Character Code

Result Description Entity Name Entity Number
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

Combining Diacritical Marks

Mark Character Construct Result
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;
Web Programming Tutorials Example with Demo

Read :


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

I hope you get an idea about How to create extra space in HTML or a web page.
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.

Related FAQ

Here are some more FAQ related to this Article:

  1.   lcc pasport 2020 | passport holder | publix passport
  2.   otp | otp bypass | otp full form - One Time Password | One-Time PIN Code
  3.   How does a blockchain work? - cryptocurrency exchange
  4.   Yahoo Advanced Search How to Find Better Info (2X Faster)
  6.   Download CentOS 7 – DVD & Minimal ISO Images
  8.   otp | otp bypass | otp full form - One Time Password | One-Time PIN Code
  9.   lcc pasport 2020 | passport holder | publix passport
  10.   Yahoo Advanced Search How to Find Better Info (2X Faster)

Leave a Reply

Your email address will not be published. Required fields are marked *