How to use line-spacing

I am trying to add some line spacing to get the top navigation bar to appear at the bottom of the top navigation bar.

How do I add these line spacings?

I have tried using <p> tags but they do not work. They move the navigation bar down in Dreamweaver but the effect does not take effect in MS Internet Explorer Browser. Why is this. How should it be done?

<div id="nav">
	  <li><a title="Car Sat Nav" href="index.htm">Car Sat Nav</a></li>
      <li><a title="Motorcycle" href="sat-nav.htm">Motorcycle</a></li>
	  <li><a title="Speed Camera Detectors" href="marine-gps.htm">Speed Camera Detectors</a></li>
      <li><a title="Handheld GPS" href="speed-camera-detectors.htm">Handheld</a></li>
      <li><a title="Phone" href="gps-accessories.htm">Phone</a></li>
      <li><a title="Golf" href="gps-accessories.htm">Golf</a></li>
      <li><a title="Marine" href="sat-nav-maps.htm">Marine</a></li>
      <li><a title="Accessories" href="sat-nav-maps.htm">Accessories</a></li>
      <li><a title="Maps/Updates" href="sat-nav-maps.htm">Maps</a></li>



It’s not really clear what you want but is unlikely that line-height has anything to do with it and you should never add empty elements just to make space.

You could move the ul down the page by using a top margin (assuming there is no margin-collapse effect in place) or add padding-top to the ul to move it downwards.

Or if you have a fixed height container you could add position:relative to the parent and then absolutely place the ul on the bottom. Of course you would need to make sure content stays clear.

It all depends what you are trying to do exactly.

how do i set a top margin?

i would not set it relative to the top of the page since there is a mini navigation at the top of the page too! What do you advise

I’d need to see the context.:slight_smile: Why can’t you just add top padding to #div or is there more html to be taken into account?

I can’t work out what you are lining it up with so I may need to see full html or a link.