Enlaces

[Borjimante]

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

<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

#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

[JavierB]

Hola Borjimante

Añade a los enlaces: float:left

Por curiosidad, ¿por qué pones a los enlaces el mismo color de fondo y de primer plano?

Saludos,

[Borjimante]

ya lo he alegrado.

Por nada en especial.

Un saludo