Question How to create blank white space in html?, how to add a blank space in html?, What is   in HTML (Blank Spaces/ Whitespace)?, how to make blank html entities?, how to give blank   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   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
Snippet Contents
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
Non-breaking html entities
A common text character entity used in HTML source code is the non-breaking html between paragraphs : like as a
Examples:
- § 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>
Useful HTML Character Code
| Result | Description | Entity Name | Entity Number |
|---|---|---|---|
| non-breaking space | |   | |
| < | less than | < | < |
| > | greater than | > | > |
| & | ampersand | & | & |
| " | double quotation mark | " | " |
| ' | single quotation mark (apostrophe) | ' | ' |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| € | euro | € | € |
| © | copyright | © | © |
| ® | registered trademark | ® | ® |
Combining Diacritical Marks
| Mark | Character | Construct | Result |
|---|---|---|---|
| ̀ | a | à | à |
| ́ | a | á | á |
| ̂ | a | â | â |
| ̃ | a | ã | ã |
| ̀ | O | Ò | Ò |
| ́ | O | Ó | Ó |
| ̂ | O | Ô | Ô |
| ̃ | O | Õ | Õ |
Web Programming Tutorials Example with Demo
Read :
Summary
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: