Я устанавливаю глобальный размер шрифта и высоту строки для своего тега <body>, поэтому все основной текст по умолчанию - 14px и 1.3em высота строки.
Проблема в поскольку у меня есть таблицы с большим размером шрифта, и вместо наследования относительной высоты строки он берет вычисленное значение из тега <body>. В результате текст перекрывается:
Вот перо с кодом: https://codepen.io/thedigitalmc/pen/xxZJjyy
<body>
<style type="text/css">
body {
font-size:13px;
line-height:1.3em
}
td {
font-size:30px
}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>This Is Text<br>On Two Lines</td>
</tr>
</tbody>
</table>
</body>
Есть ли лучший способ сделать это, я не очень хочу сделать body * {line-height:1.3em}, но это кажется лучшим решением