Home

HTML - Image Alignment


Image Alignment

<table border=1>
<tr>
<th>alignment</th>
<th>result</th>
</tr>
<tr>
<td>left</td>
<td>
<img src="/img/00194.png" align="left" 
alt="smiley face" height=80 width=80/>
lookout for the position of the image
</td>
</tr>
<tr>
<td>right</td>
<td>
<img src="/img/00194.png" align="right" 
alt="smiley face" height=80 width=80/>
lookout for the position of the image
</td>
</tr>
<tr>
<td>top</td>
<td>
<img src="/img/00194.png" align="top" 
alt="smiley face" height=80 width=80/>
lookout for the position of the image
</td>
</tr>
<tr>
</table>
alignment result
left smiley face lookout for the position of the image
right smiley face lookout for the position of the image
top smiley face lookout for the position of the image

Image Alignment more

<table border=1>
<tr>
<th>alignment</th>
<th>result</th>
</tr>
<tr>
<td>bottom</td>
<td>
<img src="/img/00194.png" align="bottom" 
alt="smiley face" height=80 width=80/>
lookout for the position of the image
</td>
</tr>
<tr>
<td>middle</td>
<td>
<img src="/img/00194.png" align="middle" 
alt="smiley face" height=80 width=80/>
lookout for the position of the image
</td>
</tr>
</table>
alignment result
bottom smiley face lookout for the position of the image
middle smiley face lookout for the position of the image