Centering Elements in CSS box

[kerer99]

Hello,

Can somebody please help me with this? I'm creating some logo boxes in css - here is my code so far:

.logobox {
width: 120px;
height : 60px;
border: 1px solid Silver;
background-color: White;
}

I want to place a logo into the box using the code above, but I automatically want it centered both horizontally and vertically within the box. The html code would be:

<div class="logobox">[img]images/logohere.gif[/img]</div>

What would I add to the CSS code to make this work?

Thank you SO much.

[ADAM Web Design]

Change your logobox CSS to this:

.logobox {
     width:  60px;
     height:  20px;
     margin-left:  30px;
     margin-right:  30px;
     margin-top:  20px;
     margin-bottom:  20px;
     padding:  0;
}

Because you have fixed dimensions for both your logo and your container div, you can use the margin properties to center the logo within the div.