Sono Andrea Tonin di Rovigo, web-designer di professione, spero che questo corso pratico di CSS vi possa essere utile.
Il CSS presenta delle specifiche proprietà, prendiamo in esame le più comuni.
Allineamento verticale, la proprietà: vertical-align.
Vediamo l’applicazione della proprietà nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> <style type="text/css"> .esempio1 {vertical-align:top;} .esempio2 {vertical-align:bottom;} </style> </head> <body> <p>Immagine allineata<img class="esempio1" src="http://www.lucedigitale.com/blog/wp-content/uploads/2013/06/lulu.png" />con VERTICAL-ALIGN TOP</p> <p>Immagine allineata<img class="esempio2" src="http://www.lucedigitale.com/blog/wp-content/uploads/2013/06/lulu.png" />con VERTICAL-ALIGN BOTTOM</p> </body> </html>
Il risultato è rappresentato qui sotto:
Immagine allineatacon VERTICAL-ALIGN TOP
Immagine allineatacon VERTICAL-ALIGN BOTTOM