Hello! I'm cracking my head trying to get my table to have the left column bigger than the straight column. And I would very much like someone to help me.
/* Post Table */
le#alter tr td {background: #fff;}
table#alter tr.dif td {background: #f8f8f8;}
.post-body table {max-width:100%;}
.post-body table td {width:20%;}
.post-body table td,.post-body table caption{background-color:#fafafa;border:1px solid rgba(0,0,0,0.05);padding:10px;text-align:left;vertical-align:top;}
.post-body table th {background:#22a86d;color:#fff;border:1px solid rgba(0,0,0,0.05);padding:10px 15px;text-align:left;vertical-align:top;font-size:16px;}
.post-body table.tr-caption-container {border:none;max-width:20%;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:10px 15px;border:none;color:#666}
.post-body td a:hover{color:#d14233;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body li {list-style-type:square;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
.sr {visibility:hidden;width:0;height:0;}<table cellpadding="0" cellspacing="0" id="alter">
<tbody>
<tr>
<th>Características</th>
<th>Disponibilidade</th>
</tr>
<tr class="dif">
<td>Division 1</td>
<td>Habilitado</td>
</tr>
<tr>
<td>Division 2</td>
<td>Habilitado</td>
</tr>
<tr class="dif">
<td>Division 3</td>
<td>Habilitado</td>
</tr>
<tr>
<td>Division 4</td>
<td>Desabilitado</td>
</tr>
<tr class="dif">
<td>Division 5</td>
<td>Desabilitado</td>
</tr>
</tbody>
</table> My table looks like this:
AndIwishitwouldlooklikethis: 