En base a este código, como hago para que el link A y B se ajusten con las dismensiones de 40x40 dentro del div parte1. Gracias.
<!DOCTYPE html>
<html lang="es">
<head>
<title>PRUEBA DE BARRA</title>
<meta charset="utf-8" />
<link href="nav13.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav role="navigation">
<ul id="nav13">
<div id="centrado">
<div id="parte1">
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
</div>
</div>
</ul>
</nav>
</body>
</html>*{
margin:0;
padding: 0;
}
body{
margin: 0;
padding: 0;
}
#centrado{
margin: 0 auto 0 auto;
border: 1px dashed #333;
width: 50%;
height: 40px;
}
#parte1{
border: 1px dashed #333;
width: 80px;
height: 40px;
display:inline-block;
}
#parteprin2{
border: 1px dashed #333;
width: 465px;
height: 40px;
display: inline-block;
}
#parte3{
border: 1px dashed #333;
width: 80px;
height: 40px;
display:inline-block;
}
#nav13{
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%); /* IE10+ */
background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
list-style: none;
}
#nav13 li{
display: inline-block;
}
#nav13 li a{
border: 1px dashed #333;
color: white;
text-decoration: none;
font-family: Tahoma, Helvetica, Sans-serif;
font-size: 33px;
color: #000;
text-align:center;
width:50%;
height: 40px;
}
#nav13 li a:hover{
color: white;
}