Sample Code for Inserting HTML Spaces
Now here is the sample code for inserting blank spaces in html documents and web pages. This might be helpful for web developers and students who find how to add blank spaces in html documents. The most popular and the best way to add space is the HTML entity ( ).
ol{margin:0;padding:0} #sample_html .c3{vertical-align:top;width:286.5pt;border-style:solid;border-color:#000000;border-width:1pt;padding:5pt 5pt 5pt 5pt} #sample_html .c6{vertical-align:top;width:181.5pt;border-style:solid;border-color:#000000;border-width:1pt;padding:5pt 5pt 5pt 5pt} #sample_html .c5{margin-right:auto;border-collapse:collapse} #sample_html .c4{max-width:468pt;background-color:#ffffff;padding:72pt 72pt 72pt 72pt} #sample_html .c8{widows:2;orphans:2} #sample_html .c9{color:inherit;text-decoration:inherit} #sample_html .c0{height:11pt;direction:ltr} #sample_html .c12{color:#1155cc;text-decoration:underline} #sample_html .c2{line-height:1.0;direction:ltr} #sample_html .c7{background-color:#d9d2e9} #sample_html .c10{font-size:6pt} #sample_html .c11{font-weight:bold} #sample_html .c13{direction:ltr} #sample_html .c1{font-size:10pt} #sample_html .title{widows:2;padding-top:0pt;line-height:1.15;orphans:2;text-align:left;color:#000000;font-size:21pt;font-family:”Trebuchet MS”;padding-bottom:0pt;page-break-after:avoid} #sample_html .subtitle{widows:2;padding-top:0pt;line-height:1.15;orphans:2;text-align:left;color:#666666;font-style:italic;font-size:13pt;font-family:”Trebuchet MS”;padding-bottom:10pt;page-break-after:avoid} #sample_html li{color:#000000;font-size:11pt;font-family:”Arial”} #sample_html p{color:#000000;font-size:11pt;margin:0;font-family:”Arial”} #sample_html h1{widows:2;padding-top:10pt;line-height:1.15;orphans:2;text-align:left;color:#000000;font-size:16pt;font-family:”Trebuchet MS”;padding-bottom:0pt;page-break-after:avoid} #sample_html h2{widows:2;padding-top:10pt;line-height:1.15;orphans:2;text-align:left;color:#000000;font-size:13pt;font-family:”Trebuchet MS”;font-weight:bold;padding-bottom:0pt;page-break-after:avoid} #sample_html h3{widows:2;padding-top:8pt;line-height:1.15;orphans:2;text-align:left;color:#666666;font-size:12pt;font-family:”Trebuchet MS”;font-weight:bold;padding-bottom:0pt;page-break-after:avoid} #sample_html h4{widows:2;padding-top:8pt;line-height:1.15;orphans:2;text-align:left;color:#666666;font-size:11pt;text-decoration:underline;font-family:”Trebuchet MS”;padding-bottom:0pt;page-break-after:avoid} #sample_html h5{widows:2;padding-top:8pt;line-height:1.15;orphans:2;text-align:left;color:#666666;font-size:11pt;font-family:”Trebuchet MS”;padding-bottom:0pt;page-break-after:avoid} #sample_html h6{widows:2;padding-top:8pt;line-height:1.15;orphans:2;text-align:left;color:#666666;font-style:italic;font-size:11pt;font-family:”Trebuchet MS”;padding-bottom:0pt;page-break-after:avoid} #sample_html
Entity | When to Use |
| When you want to add a single space |
<p></p> | When you want to add a paragraph break |
<br> | When you want to add a line break |
<pre></pre> | When you want to display text as-written |
<p style=”text-indent: 5em;”></p> | When you want to insert a tab (this is technically CSS code, as there’s no easy way to do tabs in HTML) |