Is there a way to reduce more spacing and padding in my html table cell?
#table1 td {
font-size: 200px;
}
<table id="table1" border="1">
<tr><td>1</td></tr>
</table>
Also at https://jsfiddle.net/3x2Lgytd/
Is there a way to reduce more spacing and padding in my html table cell?
#table1 td {
font-size: 200px;
}
<table id="table1" border="1">
<tr><td>1</td></tr>
</table>
Also at https://jsfiddle.net/3x2Lgytd/
2
Answers
will collapse all borders separating the table columns…
or try
do all cell-spacing to 0 and border spacing 0 to achieve same.
The space you’re referring to is coming from the way the type/text is set, as well as space built into the glyph itself. You can reduce the line-height of the text to remove some space above and below a line of text.