Align an Image Vertically
ပံုႏွင့္စာ တြဲျပီးေတာ့ ျပခ်ိန္မွာ စာ ကို ပံု နဲ႕ align ခ်ိန္မယ္ဆုိရင္ေတာ့ vertical-align ကို အသံုးျပဳႏုိင္ပါတယ္။ middle ၊ top ၊ bottom ဆုိျပီး ရိွပါတယ္။
css မွာ ေအာက္က code ေလး ထပ္ျဖည့္လိုက္ပါ။
.middle {
vertical-align: middle;
}
html မွာေတာ့ luffy image ကို ပံုမွန္ ရိုးရိုးပဲထားပါမယ္။ middle class ကို အသံုးျပဳပါမယ္။
<img src="images/luffy.png" class="middle" alt="Luffy" title="Luffy">luffy
စာက ပံုရဲ႕ အလယ္ကို ေရာက္ေနတာ ေတြ႕ပါလိမ့္မယ္။ တကယ္လုိ႕ ထိပ္ပိုင္းမွာ ရိွခ်င္ရင္ top ကို အသံုးျပဳျပီးေတာ့ ေအာက္ပိုင္းေရာက္ေစခ်င္ bottom ကို အသံုးျပဳရပါတယ္။
Figure 5-10