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:

Link

Link

Link

without:

LinkLinkLink

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 over 6 years ago

4 answers

1
point

pick one of these and work through it...

http://css.maxdesign.com.au/listutorial/

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

Answered over 6 years ago by Tony Crockford
1
point

Use CSS:

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

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

Answered over 6 years ago by Abinadi Ayerdis
0
points

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 over 6 years ago by Vinny Burgh
-1
points

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 over 6 years ago by Patkos Csaba
  • I didn't vote this down, but I really would not encourage this sort of coding. Abinadi Ayerdis over 6 years ago