28173 sujets

CSS et mise en forme, CSS3

Comment centrer uniquement le texte ??? si je met: padding, tout ce décale, je n'arrive pas à centrer uniquement le texte
upload/11632-menu.jpg


body {
background: #807715;
font: 70% verdana, arial, sans-serif;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
height: 20px;
list-style-type: none;
}

#menu {
position: relative;
width:714px;
top: 12px;
}

#image {
position: relative;
height: 64px;
width:750px;
top: 19px;
background-image: url(/images/titre.jpg);
}

#menu dl {
float: left;
width: 10em;
padding-right: 3px;
}

#menu dt {
float: left;
width: 10em;
font-weight: bold;
background: #E1B21A;
border: 2px outset #c0c0c0;
}

#menu dd {
float: left;
width: 557px;
height: 20px;
}

#menu li {
float: left;
width: 10em;
display: inline;
font-weight: bold;
background: #E1B21A;
border: 2px outset #c0c0c0;
text-transform: uppercase;
font-family: Georgia;
vertical-align: bottom;
}

#menu li a {
float: left;
width: 10em;
color: #000;
text-align: center ;
text-decoration: none;
}

#menu dt a {
float: left;
width: 10em;
color: #000;
text-align: center ;
text-decoration: none;
}

#menu li a:hover, #menu dt a:hover {
height: 20px;
background: #C4641F;
}

#smenu1 {
position: absolute;
left: 118px;
top: 95px;
width: 450px;
}

#smenu2 {
position: absolute;
left: 470px;
top: 95px;
width: 450px;
}