JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Contents</h1>

<ul>
    <li>
        <table style="width:100%">
            <tr style="">
                <td>System Overview Manual..adn the dog went to the zoo and had a really good time and it was really really good.</td>
                <td style="text-align: right; "> <span id='contents1'>2</span>

                </td>
            </tr>
        </table>
    </li>
</ul>

CSS

td {
    border-bottom: 1px dotted black
}
ul {
    list-style-type: none;
}
table {
    border-collapse:collapse
}