Formatting a hyperlink, Problems formatting the links to my other website pages Options

[Forca]

Hi

I am fairly new to all this. Have created a <div> tag to contain my links to the other webpages:

<div Id="Navigation">
<a href="index.html"> Home </a>
<a href="Training.html"> Training </a>
<a href="about.html"> About Us </a>
<a href="contact.html"> Contact Us </a>

</div>

The external CSS is as follows:

#Navigation {
width:500px;
height:60px;
clear:both;
border-style:solid;
border-width:1px;
}

a:link { /* default link properties */
font:Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:30px;
padding-top:55px;
padding-left:15px;
padding-right:15px;
padding-bottom:0px;
clear:both;
color: #000;
}

Result is that the links are next to each other as desired but they are stuck in the top-left of the div. How do I get the links to move to the centre of the div?

Sorry, I do not know how to include the picture of what it looks like.

Thanks in advance.

[pandy]

To center the links horizontally, text-align: center.
https://www.w3.org/TR/CSS2/text.html#propdef-text-align

To center it vertically I would remove the height from the DIV and give it some top and bottom padding instead.

[Forca]

Pandy, thanks. It worked beautifully.

Kind regards.

[pandy]

You're welcome.