HTML Blank Space and line break

Link1|Link2|Link3|link4

Link1 | Link2  |  Link3 | link4

Link1 |  Link2   |   Link3  |  link4

Here is the code of the above line

Link1 |  Link2   |   Link3  |  link4

By using padding

<span style="padding-left:20px">This line starts after some blank space at left</span>

To get a blank line break we can use <br> tag in html.

By using text-indent

<p style="text-indent: 4em;">
This line will be indented by 4em from left.<br>
This is next line
</p>

By using <pre> tag

The text within the pre html tag will retain all its line breaks and multiple space with indents if any. Read more <pre> tag on how to display text.

By using transparent Image

We can keep gap between by using one transparent gif ( or jpg ) image of one pixel width and one pixel height. By using this we can stretch the line and push the content to right of the image. Here is the code

Word 1<img src=dot.gif height=1 width=20> Word 2

In above code our image is of actually one pixel with and one pixel height image. Now there will be gap of 20 Pixel between two words.

Please rate this Article on one to five scale