About US
            Contact Us
            Book     Book Preface

Vertical Image Alignment HTML

Chapter - 5 : Images in Web Page (Vertical Image Alignment HTML): (Page 4/4)

(Cotinued from previous page)

This left alignment can be done by the float command. Just replace

<img src='images/name.gif' style='float:right' alt='name of image' />

NOTE: If the width available to display the content is less than the required, then the text will wrap over it as shown in Fig - 5-9

Image Alignment in HTML

Similarly you can have following alignment -

c) Horizontal Alignment Center: Insert align='center'
d) Vertical Alignment Top: Insert valign='top'
e) Vertical Alignment Bottom: Insert valign='bottom'
f) Vertical Alignment Center: Insert valign='center'

Try it yourself.

alignment © funandhobby.com (Vertical Image Alignment HTML)