I am struggling with removing unwanted whitespace that appears between the top of a table cell and a button inserted into it.
Here is a JSfiddle example showcasing the issue: http://jsfiddle.net/7Bz36/1/
The table structure with a button inside:
<table border="1">
<tr>
<td>
<button id="1"></button>
</td>
</tr>
</table>
Included are some CSS techniques attempted to resolve the issue:
button {
height: 15px;
width: 15px;
border-radius: 0px;
margin: 0px;
white-space: none;
}
table {
border-collapse: collapse;
}
tr td {
height: 15px;
padding: 0px;
If anyone can help solve this problem, I would greatly appreciate it. Thank you!