Centro un centro di gravitá "verticale" permanente

[gattofurbo]

Salve a tutti,
Mi sono deciso di fare i primi passi con i CSS e, ovviamente, nascono i primi problemi. Ho cercato qua e la nel foro e dopo vari esperimenti il risultato lascia un po a desiderare.
Il caso: Ho un box principale, ci metto dentro altri 2 box, riesco affiancarli senza problemi pero non riesco a fare in modo di allinearli verticalmente rispetto al box principale.
Quá il codice che ho scritto:

.principale {
height: 80px;
width: 950px;
text-align:center;
border: 1pt solid #0063BE;
padding-bottom: 10px;
background-color: #FFF;
vertical-align:middle;
}
.box1{
float:left;
width: 282px;
padding-left:28px;
border:1px solid;
}
.box2 {
float:left;
width: 630px;
border:1px solid;
}

<div class="principale">
<div class="box1">...</div>
<div class="box2">...</div>
</div>

Qualche idea?
Grazie a tutti.

[gattofurbo]

Chiaro che il titolo é: Cerco un centro...
Sbaglio anche senza usare i css

[Mich_]

Se il problema e` "centrare in verticale", e` stato affrontato infinite volte.

Vedi ad esempio tra i "link utili" (in evidenza nella prima pagina)