Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> img.a { vertical-align: baseline; } img.b { alignement-vertical: haut-du-texte; } img.c { vertical-align: text-bottom; } img.d { vertical-align: sub; } img.e { vertical-align: super; } </style> </head> <body> <h1>La propriété vertical-align</h1> <h2>vertical-align: baseline (par défaut):</h2> <p>Alignez le carré orange sur la ligne de base :<img class="a" src="sqorange.gif" width="9" height="9"></p> <h2>vertical-align: text-top:</h2> <p>Alignez le carré orange en haut du texte :<img class="b" src="sqorange.gif" width="9" height="9"></p> <h2>vertical-align: text-bottom:</h2> <p>Alignez le carré orange en bas du texte :<img class="c" src="sqorange.gif" width="9" height="9"></p> <h2>vertical-align: sub:</h2> <p>Alignez le carré orange à sub :<img class="d" src="sqorange.gif" width="9" height="9"></p> <h2>vertical-align: sup:</h2> <p>Alignez le carré orange à super :<img class="e" src="sqorange.gif" width="9" height="9"></p> </body> </html>