How to insert spaces in HTML

This tutorial explains how to insert spaces and line breaks in HTML. Because no matter how many times you type a space, HTML will display a space so to insert more than one space, you will need to use the HTML tag.

This tutorial explains how to insert spaces and line breaks in HTML. Because no matter how many times you type a space, HTML will display a space so to insert more than one space, you will need to use the HTML tag.

How to insert spaces in HTML (non-breaking space)

Usually HTML only displays a space between words, no matter how many times you have typed it. To force the removed spaces to appear, type  go to the place you want to insert.

For example typing Xin chào. will create an extra space between Xin and Hello.

This is called a space that is not broken or not destroyed because it prevents the line from falling in that position. If you abuse this character, the browser will be difficult to insert a nice and proper line break.

Can type  to create space.

Insert longer spaces in HTML

You can use 1 of the following options:

  1. Insert 2 spaces:
  2. Insert 4 spaces:
  3. Insert tab:    

Back off the lines of CSS text

The Padding or Margin properties of CSS give direct instructions to the browser, so the result will be more consistent than using the tag 

In the paragraph of text, insert the code below:

 

You've just finished reading the article "How to insert spaces in HTML" edited by the TipsMake team. You can save how-to-insert-spaces-in-html.pdf to your computer here to read later or print it out. We hope this article has provided you with many useful tech tips and tricks. You can search for similar articles on tips and guides. Thank you for reading and for following us regularly.

« PREV : Style HTML with CSS...
Colors in HTML... : NEXT »