Hola, me gustaria saber como podia poner todos los enlaces en una linea y a la vez que tengan la propiedad isplay: block os dejo el codigo
Cita: <div id="enlaces">
<a href="#" class="enlace-principal">INICIO</a><a href="#" class="enlace-principal">SERVICIOS</a><a href="#" class="enlace-principal">EMPRESA</a><a href="#" class="enlace-principal">CLIENTES</a><a href="#" class="enlace-principal">CONTACTO</a>
</div>
Style.css
Cita: #enlaces{
width: 700px;
height: 25px;
margin: auto;
text-align: center;
display: inline;
}
a.enlace-principal{
margin: auto;
padding:0;
height: 25px;
width: 138px;
display: block;
background-color:#ffffff;
color:#ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background-image: url(img/boton.jpg);
background-repeat:no-repeat;
text-decoration: none;
line-height: 23px;
font-weight: bold;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
a.enlace-principal:hover{
margin: auto;
padding:0;
height: 25px;
width: 138px;
display: block;
background-color:#ffffff;
color:#ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background-image: url(img/boton.jpg);
background-repeat:no-repeat;
text-decoration: underline;
line-height: 23px;
font-weight: bold;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
Un saludo