vertical-align

[mblascog]

Buenas,
En algunas ocasiones, vertical-align no me funciona. Estoy convencida que me falta asignar alguna propiedad, pero no sé cual. Si alguien puede echarme un cable?

Código CSS:

#formContacte form div#butoContacte{
    float:right;
    background:#5CACAD;
    width:15%;
    text-align:center;
    color:#FFF;
    height:3%;
    vertical-align:middle;
}
#formContacte form div#butoContacte a{
    text-decoration:none;
    color:#FFF;
}
#formContacte form div#butoContacte a:hover{
    font-weight:bold;
}
 

Código HTML:

<div id="butoContacte">
                <a href="#"><?php echo $butoEnviar[$idioma]?></a>
            </div>
 

Gracias.

[pzin]

Sólo funciona en elementos en linea o tablas/celdas.

[mblascog]

Y cómo centras un texto?
Gracias

[pzin]

Depende del contexto.

Si es texto que sólo va a tener una linea, el modo más rápido es ajustar el alto de la linea y ponerlo igual al alto del elemento.

Código CSS:

.div {
  height: 30px;
  line-height: 30px;
}
 

Pero como digo, depende del contexto ya que hay varias formas de centrar en CSS.