How to Add a Line Space in HTML

Save

When you create a website, you often need to add blank space in order to make the contents easily readable and to preserve the visual appeal of the site. Whether your site is primarily text, images or a combination of the two, blank space separating the various elements within the site is vital to give your viewers a better overall experience. Fortunately, the code involved in adding such spaces is extremely simple to add, even for a novice Web developer.

  • Add a new, blank line in your HTML document by pressing "Return."

  • Add the code
    to the blank line to add a line break in the document. This is called a line break tag, and will have the same effect in the finished document as pressing return twice after typing a paragraph in a word processor.

  • Create a larger break by adding additional line break tags on the same line. For example, a three-line break would require the code to look like this:

    .

  • Add a visible horizontal line to the line break by adding the code <hr />. You can add this code in place of a standard line break tag for a one-line line break with a horizontal line, or surround it with line break tags for a larger break with a line in the middle.

Tips & Warnings

  • Both the line break tag and the horizontal line tag can be written without the backslash, looking like this: <br> and <hr>. However, It is better to include the backslash to ensure that they always display properly, and it is required if you are writing in XHTML rather than plain HTML.

References

  • Photo Credit Jupiterimages/BananaStock/Getty Images
Promoted By Zergnet

Comments

You May Also Like

  • How to Add a Dividing Line in HTML

    Experienced Web page designers know that dividing large blocks of text into smaller sections or columns makes them easier to read. Simply...

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!