Take a look at this JSFiddle: http://jsfiddle.net/nMbb4/1/
Here is the HTML code:
<table>
<tr>
<td>
1
</td>
</tr>
<tr>
<td>
<div></div>
</td>
</tr>
</table>
This is the CSS code:
table, tr, td
{
padding:0px;
margin:0px;
border:solid 1px black;
font-size:10px;
}
table
{
border-collapse:collapse;
}
td
{
width:15px;
}
div
{
width:15px;
height:15px;
display:inline-block;
background-color:orange;
}
The issue is the white margin/padding at the bottom of the table cell. How can this be removed so that the orange background color fills the whole table cell?