В HTML практически невозможно узнать, как символы могут поместиться в строке. Поскольку вы используете HTML просто как прокси для создания PDF-файлов, я бы поискал какой-нибудь глупый трюк, например:
.dynamic {
white-space: nowrap;
padding-right: 0.5em;
}
.signature {
width: 99%;
border-bottom: 1px solid black;
}
<table>
<tr>
<td class="dynamic">Dynamic Text Here</td>
<td class="signature"></td>
</tr>
</table>
.container {
display: flex;
}
.dynamic{
white-space: nowrap;
padding-right: 0.5em;
}
.signature {
width: 99%;
border-bottom: 1px solid black;
}
<div class="container">
<div class="dynamic">Dynamic Text Here</div>
<div class="signature"></div>
</div>
.container {
display: flex;
justify-content: space-between;
}
.dynamic{
width: 50%;
padding-right: 0.5em;
}
.signature {
width: 50%;
border-bottom: 1px solid black;
}
<div class="container">
<div class="dynamic">Lorem ipsum dolor sit amet, sit mundi moderatius in, in similique consectetuer per, his te persius consetetur. Ad ius qualisque posidonium neglegentur, et iudico tamquam legimus cum. At alii iisque docendi ius. Ne oblique menandri complectitur eum, his cu omnis mentitum invidunt.</div>
<div class="signature"></div>
</div>
(Какой из них использовать, зависит от CSS возможностей вашего HTML рендерера .)