Basic HTML: How Do You Create Blank Space In HTML? - Crunchify

Home » Add Blank Line Html Div » Basic HTML: How Do You Create Blank Space In HTML? - Crunchify

Maybe your like

How to create blank space in HTML

How to create blank white space in html? What is Spaces in HTML (Blank Spaces/ Whitespace)?

What is HTML Basics–Whitespace?

html-Crunchify

Spaces in HTML can be difficult to understand for the novice web designer, because whether you type 1 space or 100 in your HTML, the web browser automatically collapses those spaces down to just one.

There are number of ways to add blank space.

1) use  

  • HTML: test1|test2|test3
  • Output: test1|test2|test3
  • HTML: test1 | test2  |  test3
  • Output: test1 | test2 | test3

2) use <pre>

The text within the pre html tag will retain all its line breaks and multiple space with indents if any.

  • HTML: <pre>test1 | test2| test3</pre>
  • Output: test1 | test2| test3

3) use style padding

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

  • HTML: <span style="padding-left:20px">test1    | test2  |   test3</span>
  • Output:                   test1    | test2  |   test3

Let me know if you have any question about it.

If you liked this article, then please share it on social media. Have a question or suggestion? Please leave a comment to start the discussion.

Suggested Articles...

  1. Cloudways: Nextgen Managed WordPress Cloud Hosting Service Review and User Guide
  2. Introducing Crunchy Sharing: Fastest Social Sharing WordPress Plugin
  3. Create Super fast Social Sharing Buttons without JavaScript with simple CSS
  4. Some of my Favorite JavaScript Tips and Tricks Tutorials
  5. How to Iterate through JSONArray in JavaScript
  6. CrunchifyJSONtoHTML.js – JSON to HTML table Converter Script

Tag » Add Blank Line Html Div