Div horizontal

mikalorena5 · #1 (**permalink**) 25/04/2015, 12:31

Hola.!! a todos, quiero hacer cuatro divs, cuadrados horizontales donde empieza mi web, los hice pero no se como hacer para que salgan horizontal..

que posicion usar?, absolute, relativa, float lef... etc ..

aca dejo codigo

html

Código HTML:

Ver original<body>
 
<div class="main"> <!--inicio cabecera -->
 
 
<div class="quodigital">QUO-DIGITAL</div>
<div class="revista">REVISTA</div>
<div class="lauriente">MIGUEL LAURIENTE</div>
 
 
</div> <!--fin cabecera -->
 
 
 
 
</body>

mi css:

Código CSS:

Ver originalhtml, body{ 
margin:0px;
padding:0px;
 
}
 
.main{border: 1px solid #000;
width:1124px;
height:700px;;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
}

Espero que se entienda la pregunta.
Muchas graicas a todos
(soy nueva en este tema).
Mika

PHPeros · #2 (**permalink**) 25/04/2015, 12:38

Sí, por lo general lo que se hace es flotarlos a la izquierda o darles un display inline-block para que se comporten como elementos en línea y a la vez bloques.

AngelKrak · #3 (**permalink**) 25/04/2015, 13:01

como dijo PHPeros dales un Display: inline-block a tus Divs y queedan horizontales ya ;)

fede5426 · #4 (**permalink**) 25/04/2015, 18:39

Agrego por las dudas, si usas display: inline-block tenés que usar vertical-align para colocarlos ordenadamente.. ya sea dandole valor top, middle o bottom, depende cómo quieras organizarlos.