allineare un elemento
Può capitare di dover allineare ad esempio immagini e testo su una medesima linea. La proprietà css da usare è vertical-align, che può essere settata su vari valori: baseline, sub, super, top, text-top, middle, bottom, text-bottom, length, or a value in percentage
modalità immediata: allineare un'immagine in un box
In questi tre esempi agiamo non sullo stile dell'immagine, ma su quello del box.
vertical-align: top
vertical-align: middle
vertical-align: bottom
allineare immagine e testo
Prendiamo questo esempio, senza specificazioni:
Seguici su
Adesso modifichiamo lo stile dell'immagine:
vertical-align: top
Seguici su
vertical-align: bottom
Seguici su
vertical-align: middle
Seguici su
vertical-align: super
Seguici su
vertical-align: sub
Seguici su
vertical-align: text-top
Seguici su
vertical-align: text-bottom
Seguici su
vertical-align: baseline
Seguici su
Si vede che la modalità di default è appunto baseline.
Si può utilmente vedere: su css-tricks e su flep studio
🛒 ricerche / acquisti
cerca libri su Amazon sul tema: allineare elementi in html css vertical-align computer PC hardware software sietema operativo linux cultura libri on-line allineare un elemento .