<td> top and bottom padding

by indieweb

HTML

<table>
		<tbody>
			<tr>
                <td><a href="">Link</a></td>
				<td><a href="">Link</a></td>
				<td><a href="">Link</a></td>
				<!-- etc etc -->
			</tr>
		</tbody>
	</table>

CSS

body {
    background-color: #666;
}

a {
    display: block; 
    width: 50px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    
    line-height: 20px;
    text-align: center;
    text-decoration: none; 
    font-weight: bold;
    font-size: 12px;
    color: #FFF;

    background-image: url('https://dl.dropboxusercontent.com/u/3799114/jsfiddle/red-block.png');
    background-repeat:repeat-x;  
}

table, tbody, tr, th, td {
	margin: 0px;		
    border: 0px;
	padding: 0px;
}

table, tbody, tr, th, td {
	margin: 0px;
	border: 0px;
	padding: 0px;
	
	border-collapse: collapse;
	border-spacing: 0;
}

td {
    line-height: 20px;
	vertical-align: middle;
	border-spacing: 0;
}

td table {
	margin-top: 10px;	
	margin-bottom: 14px;
	margin-left: 20px;	
	margin-right: 20px;
	border: solid 1px #666666;
} 

td, th {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
}