Home » HTML space : create blank space between lines, paragraph Example

HTML space : create blank space between lines, paragraph Example

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?

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?

Read Also:  Pinterest Video Downloader

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 infinityknow.com 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. Read Also:  lcc pasport 2020 | passport holder | publix passport
  2. Read Also:  Full form of Top Brands
  3. Read Also:  SKT IT Consultant Wordpress theme By SKT Themes
  4. Read Also:  How to find the nth prime number in Java?
  5. Read Also:  how to add/Insert blank space in html Code?
  6. Read Also:  Private Cloud Benefits and limitations
  7. Read Also:  Full form of Domain Name Extensions
  8. Read Also:  web hosting delhi - Best Website Hosting Service[Updated - 2021]
  9. Read Also:  Full form of Internet Related
  10. Read Also:  Full form of Internet Related

Leave a Comment

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