I was making this menu for a web page. I tried using the <br> tag to separate the links but that just made things worse. My example is below:

with br tag:






I tried to use a space inbetween my links. Result:

Link Link Link

but I need more space. Can someone help me?

  • Css padding is your friend. Tom Guthrie almost 7 years ago

4 answers


pick one of these and work through it...


it's always a good idea to show your code, so we can be more helpful.

Answered almost 7 years ago by Tony Crockford

Use CSS:

<style type="text/css">
a { padding-right: 30px; }

Put that in the <head>...</head> section of your webpage. Change the "30" to whatever amount you want.

Answered almost 7 years ago by Abinadi Ayerdis

The best way is to use CSS. And with that said, you would convert a to display: block; or display: inline-block; (just note that with block, you will need to float: left; as each link will break to the next line by default).

From there, it should be easy to style and adjust the spacing just as you normally would.

Answered almost 7 years ago by Vinny Burgh

If you don't want to use CSS, you can put as many spaces as you want with &nbsp;, so that your code would look like this:
<a href...>Link1</a>&nbsp;&nbsp;&nbsp;<a href...>Link2</a>

The result should look like this:

Link1 Link2 ....

Answered almost 7 years ago by Patkos Csaba
  • I didn't vote this down, but I really would not encourage this sort of coding. Abinadi Ayerdis almost 7 years ago