How to remove indent from a table cell?

Question

Layout

There is the following construction

<table width="100%">
 <tr>
  <th style="font-size: 0; padding: 0;">&nbsp;</th>
  <th width="600" style="padding: 0;">
   <!-- content -->
  </th>
  <th style="font-size: 0; padding: 0;">&nbsp;</th>
 </tr>
</table>

Thus, we get a fixed-width rubber table on the desktop and 100% on the smartphone.
Problem : empty `th` cells are 1px wide in Safari
Problem : remove this padding without using media queries

Answer 1

Reset line-height.

Answer 2

If for a letter, then as a rule you need to register in styles or for specific tags

* {
margin:0;
padding:0;
border:0;
}

and for table tags write
<table cellpadding="0" cellspacing="0">

Answer 3

border-spacing: 0;
or perhaps, for the reliability of table layouts
table-layout: fixed;