verticalmente, en relacion a otro
elemento, tal como otro texto
o una imagen de cualquier tipo.
Tres ejemplos para alinear
texto con imagenes:
IMG { vertical-align: 30%}
IMG.centro { vertical-align: middle; }
#subindice { vertical-align: sub }
(o tambien)
.subindice { vertical-align: sub }
<html> <Head><Title>Css</title>
<style>
IMG { vertical-align: 30% }
<style>
</Head><body>
<img src="imagen.jpg">
</body></html>
Ejemplo completo 2º:
<html> <Head><Title>Css</title>
<style type="txt/css">
IMG.centro { vertical-align: middle; }
<style>
</Head><body>
<img class="centro" src="imagen.jpg">
</body></html>
Ejemplo completo 3º:
<html> <Head><Title>Css</title>
<style type="txt/css">
#subindice { vertical-align: sub }
<style>
</Head><body>
<img id="subindice" src="imagen.jpg>
</body></html>
(predifinida/por defecto)
Alinea las lineas 1ª y 2ª
VERTICAL-ALIGN: middle;
Alinea el punto medio vertical
del objeto con la línea base
más la mitad de la altura X
VERTICAL-ALIGN: sub;
(subíndice)
Se alinea en la parte superior.
VERTICAL-ALIGN: text-sub;
Se alinea el texto en la parte superior
VERTICAL-ALIGN: super;
(superíndice)
Se alinea en la parte superior.
VERTICAL-ALIGN: top;
Alinea el objeto de arriba
con el objeto de mas arriba.
VERTICAL-ALIGN: text-top;
Alinea objetos y texto
en los lugares superiores
VERTICAL-ALIGN: bottom;
Alinea el objeto de abajo
con el objeto de mas abajo.
VERTICAL-ALIGN: text-bottom;
Alinea objetos y texto
en los lugares inferiores.
Curso de ingles
Tutores gratuitos
Aticos para verano
Curso de Windows
Programas y juegos
Programas de idiomas
