horizontal Elemente innerhalb div am oberen Teil ausrichten

Question

Ich mag diese Elemente horizontal auszurichten:

<div class="row"> 
    <div class="block">xxxxx</div> 
    <div class="block">xxxx</div> 
    <div class="block">xxx</div> 
    <div class="block"><select multiple></select> 
</div> 

.row { 
    width: 100%; 
    /*margin: 0 auto;*/ 
    text-align: center; 
} 
.block { 
    width: 100px; 
    /*float: left;*/ 
    display: inline-block; 
    zoom: 1; 
} 

jedoch die Ausgabe, die ich mit dem vorherigen Code zu sehen ist, dass:

   divS 
       divS 
div1 div2 div3 divS 

Ich mag um einen Weg zu finden, die ersten drei Divs mit dem oberen Teil der Auswahl und nicht mit dem unteren Teil auszurichten.

div1 div2 div3 divS 
       divS 
       divS 

Ist es möglich?

Answer 1

Hinzufügen vertical-align:top zu .block Klasse. Bitte lassen Sie mich wissen, wenn Sie das wollten.

.block { 
    width: 100px; 
    /*float: left;*/ 
    display: inline-block; 
    zoom: 1; 
    vertical-align:top; 
} 
.row { 
    width: 100%; 
    /*margin: 0 auto;*/ 
    text-align: center; 
}