I have a pair of tables that I want to style differently. Table 1 needs the images centered with no border, while table 2 should have text left-aligned with a border.
Here is the CSS:
table, th, td {
border: 1px solid #999;
border-collapse: collapse;
}
th, td {
padding: 10px;
}
And here is the HTML for both tables:
//Table 1
<table border="0" style="width:100%">
<tr>
<td><img src="img1.png"></td>
<td><img src="img2.png"></td>
</tr>
</table>
//Table 2
<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
</tr>
</table>