I need a continuous underline to stretch across the remaining width after the text wraps in a table cell.
Here is the desired effect:
https://i.sstatic.net/XNNyj.png
If the text wrapping changes, the underline width should adjust accordingly.
This is what I want displayed:
https://i.sstatic.net/kzaRW.png
This is my current code:
.uln {
border-bottom-style: solid;
border-bottom-width: 1px;
display: inline-block;
}
<table style="width:220px; text-align:justify">
<tr>
<td>
<span>this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text.</span>
<div class="uln"> </div>
</td>
</tr>
</table>