Tenho uma div central de 560px de largura e dentro dela preciso centralizar
outra div que pode variar a largura...já tentei varias formas mas não consigo
centraliza-la. Se alguém puder me ajudar agradeço...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<style type="text/css">
div {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}
#dv-centro {
width: 560px;
}
#dv-pag {
margin: 0 auto;
}
#dv-pag-ativa {
float: left;
padding: 4px;
width: 14px;
margin-left: 4px;
background-color: #000;
color: #FFF;
text-align: center;
border: 1px solid #000;
}
#dv-pag-ativa a {
text-decoration: none;
font-weight: normal;
cursor: pointer;
}
#dv-pag-ativa a:hover {
text-decoration: underline;
font-weight: bold;
}
#dv-pag-inativa {
float: left;
padding: 4px;
width: 14px;
margin-left: 4px;
background-color: #EFEFEF;
color: #000;
text-align: center;
border: 1px solid #CCC;
font-weight: bold;
}
</style>
<body>
<div id="dv-centro">
<div id="dv-pag">
<div style="float:left; padding:2px; margin-left:4px;">Anterior</div>
<div id="dv-pag-ativa"><a>1</a></div>
<div id="dv-pag-inativa">2</div>
<div id="dv-pag-ativa"><a>3</a></div>
<div id="dv-pag-ativa"><a>4</a></div>
<div style="float:left; padding:2px; margin-left:4px;">Próxima</div>
</div>
</div>
</body>
</html>
