Hola tengo este código.
En HTML.
Código:
<div class="pestanas pestanas1">Dormitorios Principales</div>
<div class="pestanas pestanas2">Dormitorios Dobles</div>
<div class="pestanas pestanas3">Dormitorios Estudios</div>
<div class="pestanas pestanas4">Dormitorios de Invitados</div>
En CSS
Código:
.pestanas{
position: absolute;
width: 195px;
height: 17px;
padding: 2px;
top:104px;
font-size: 10px;
}
.pestanas1{
color: White;
background-color: #ff6c19;
left: 0;
}
.pestanas2{
color: White;
background-color: #ffffff;
left: 130px;
}
.pestanas3{
color: White;
background-color: #ffffff;
left: 245px;
}
.pestanas4{
color: White;
background-color: #ffffff;
left: 350px;
}
y aunque le he dado muchas vueltas los div se superponen a la izquierda como si todos tuvieran left: 0;