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> | ||||||||
This is how it will appear in a browser | ||||||||
| ||||||||
View above example output in a new browser window |
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> | ||||||
This is how it will appear in a browser | ||||||
| ||||||
View above example output in a new browser window |
lookout for the position of the image