You have table with 3 columns on the html page. The middle column can NOT change its parameters (because it works for most of information that is displayed, align="left" for that column). But, here is a situation, when 3 pictures should be displayed at that column. The pictures should be in the center of that column. What's the best way to do that?
#1
Create a table inside of that column
<table width="100%" >
<tr>
<td align="center">
<img src="pic1.jpg" alt="" />
<br/><br/>
<img src="pic2.jpg" alt="" />
<br/><br/>
<img src="pic3.jpg" alt="" />
<td>
</tr>
</table>
-OR-
#2
<table width="100%" >
<tr>
<td align="right">
<img src="pic1.jpg" alt="" />
</td>
</tr>
<tr height="15"><td>*</td></tr>
<tr>
<td align="right">
<img src="pic2.jpg" alt="" />
</td>
</tr>
<tr height="15"><td>*</td></tr>
<tr>
<td align="right">
<img src="pic3.jpg" alt="" />
</td>
</tr>
</table>
What's more correct and why?
Thank you.
#1
Create a table inside of that column
<table width="100%" >
<tr>
<td align="center">
<img src="pic1.jpg" alt="" />
<br/><br/>
<img src="pic2.jpg" alt="" />
<br/><br/>
<img src="pic3.jpg" alt="" />
<td>
</tr>
</table>
-OR-
#2
<table width="100%" >
<tr>
<td align="right">
<img src="pic1.jpg" alt="" />
</td>
</tr>
<tr height="15"><td>*</td></tr>
<tr>
<td align="right">
<img src="pic2.jpg" alt="" />
</td>
</tr>
<tr height="15"><td>*</td></tr>
<tr>
<td align="right">
<img src="pic3.jpg" alt="" />
</td>
</tr>
</table>
What's more correct and why?
Thank you.