Centrare FORM verticalmente

[caramelleamare]

Come da titolo, devo centrare verticalmente e solo verticalmente, tre form all'interno di un div.
Vi posto il codice, i form sono in effetti solo tre pulsanti hidden che mi poi mi dovrebbero servire per ricaricare la pagina secondo le impostazioni scelte andando a recuperare i dati dalla tabella mysql, tramite codice php.
Centrare l'ho centrati, ma con quel grossolano margin-top: 13px, che non mi piace per niente.
C'è una soluzione più elegante?

Html:

<div id="box_menu">
	<form id="form_lettera" method="GET" action="index.php">
		Visualizza per 
		<input type="hidden" name="sel_lettera">
		<input type="submit" value="Lettera">
	</form>
	<form id="form_album" method="GET" action="index.php">
		<input type="hidden" name="sel_album">
		<input type="submit" value="Album">
	</form>
	<form id="form_autore" method="GET" action="index.php">
		<input type="hidden" name="sel_autore">
		<input type="submit" value="Autore">
	</form>
</div>

Css:

#box_menu {
 margin-bottom: 10;
 background: #EDE5AD;
 height: 50;
 -webkit-border-radius: 10 10 0 0;
 }
 
#form_lettera {
 font-family: Comic Sans;
 font-style: italic;
 color: black;
 padding-left: 10;
 float: left;
 margin-right: 20;
 margin-top: 13;
 background: #ff662a;
 }
 
#form_album {
 float: left;
 margin-top: 13;
 margin-right: 20;
 background: olive;
 }

#form_autore {
 float: left;
 background: purple;
 margin-top: 13px;
 }

[caramelleamare]

Ops, perché non mi è riuscito inserire il codice come si deve?
Ho selezionato CODE, ho copiato il codice, ho inviato...

[Vincent.Zeno]

Originariamente inviato da caramelleamare
Ops, perché non mi è riuscito inserire il codice come si deve?
Ho selezionato CODE, ho copiato il codice, ho inviato...

meglio se prima crei il tag CODE e poi ci metti dentro il codice,
altrimenti, se si tratta di più righe, perdi la formattazione
hai un'ora di tempo dalla creazione del post per editare

[caramelleamare]

così, o dovrebbero venire anche le colorazioni varie?

[Vincent.Zeno]

così è corretto le colorazioni sono per tag e codice php

se assegni float:left... quello flotta a sinistra

[caramelleamare]

e quindi, ha a che fare con centratura verticale del form?
i tre pulsanti non devono essere centrati orizzontalmente, ma verticalmente, rispetto al div che li contiene...

[Vincent.Zeno]

comincia con il pulire:
togli i vari margini e padding
togli float

poi
margin: auto;
text-align:center;
per tutti i form

la scritta "Visualizza per" mettila nel div, non nel form

[caramelleamare]

#box_menu {
 margin-bottom: 10;
 background: #EDE5AD;
 height: 50;
 -webkit-border-radius: 10 10 0 0;
 }
 
#form_lettera {
 margin: auto;
text-align:center;
 font-family: Comic Sans;
 font-style: italic;
 color: black;
 background: #ff662a;
 }
 
#form_album {
 margin: auto;
text-align:center;
 background: olive;
 }

#form_autore {
 margin: auto;
text-align:center;
 background: purple;
 }

Fatto. Vengono quattro elementi separati, in fila uno sopra all'altro. il primo è il box con la scritta e poi sotto i tre pulsanti. Completamente sfasato insomma.
Ah non so se influisce, il div è all'interno di un <dl class...> che però non ha ne float ne position, solo border e radius.

[Vincent.Zeno]

cos'è sfasato?
non dirmi la scritta

Ah non so se influisce, il div è all'interno di un <dl class...>

non posso saperlo

[caramelleamare]

Tutto, completamente.
Provo a farti capire meglio. Ho una <dl class> con angoli stondati che contiene una tabella e un form. In alto volgio creare un piccolo menu per permettere la selezione del modo di visualizzare la tabella con tre pulsanti (autore, lettera, album).
Questo menu deve essere su di un colore diverso rispetto al <dl>, quindi creo un div con lo sfondo del colore che voglio e dentro ci piazzo i tre form/pulsante.
i pulsanti devono essere allineati centralmente in senso verticale ma partendo da sinitra subito dopo la scritta "visualizza per", leggermente distanziati fra loro etc...

questa è la classe che contiene il div:

.box2 {
 border-bottom: solid 15px silver;
 border-radius: 10 10 10 10;
 margin-left: 20px;
 opacity: 0.95;
 width: 65%;
 background-color:#BA7530;
 color:#fff;
 }

Non so perchè ma se inserisco border-top, per evitare di utilizzare il div, non me lo sente.