Las etiquetas div, cómo crear filas con ellos

Question

Cómo se define una fila de etiquetas div

ejemplo

alto nivel en pseudo código:

[DIV TAGS LEFT] [DIV TAGS CENTER] [DIV TAGS RIGHT] 

[WHAT GOES HERE?????] 

[DIV TAGS LEFT] [DIV TAGS CENTER] [DIV TAGS RIGHT] 

[WHAT GOES HERE?????] 

[DIV TAGS LEFT] [DIV TAGS CENTER] [DIV TAGS RIGHT] 

Answer 1

esto puede funcionar

<style> 
.parent { 
    margin-bottom: 15px; 
    padding: 10px; 
    color: #0A416B; 
    clear:both; 
} 
.left, .center, .right{ 
    float:left; 
    width:32%; 
    border:1px solid #CEDCEA; 
    padding:5px; 

} 
</style> 


<div class="parent"> 
    <div class="left"> 
     Left 
    </div> 
    <div class="center"> 
     center 
    </div> 
    <div class="right"> 
     right 
    </div> 
    <div style="clear:both;"></div> 
</div> 

Answer 2

<div class="parent"> 
    <div class="left">left</div> 
    <div class="center">center</div> 
    <div class="right">right</div> 
</div> 

estilo:

.parent { 
    overflow: auto; 
} 

.parent>div { 
    float: left; 
    width: 33%; 
} 

Esto debería darle lo que está buscando.

Answer 3

Si entiendo la pregunta, necesita esta estructura HTML:

<div class="row"> 
    <div class="left"></div><div class="center"></div><div class="right"></div> 
</div> 

... y esto CSS:

div.row { 
    clear:both; 
}