Center aligning image inside <DIV> tag
Say, you want to center align an image, inside a <DIV>. Looks like a small thing,doesn’t it ? I recently faced this problem, so I googled for a solution. This turns out to be a classic problem of web page designing. The most convenient way I discovered to solve this was to use TABLE inside the DIV.
<table>
<tr>
<td style=”width:25px;height:25px” valign=”middle” align=”center”>
<img src=”myimage” />
</td>
<tr>
</table>
It looks like center alignment is only supported for TDs in most browsers. I found a couple of solutions on the Internet, but I thought they were too lengthy and complicated for simple task like mine.