JSFiddle - React, Tailwind, and code Playground

HTML

<pre><code>Lorem
ipsum
dolor
sit
amet
</code></pre>

<pre><code><table>
    <tr>
        <td>1</td>
        <td>Lorem</td>
    </tr>
    <tr>
        <td>2</td>
        <td>ipsum</td>
    </tr>
    <tr>
        <td>3</td>
        <td>dolor</td>
    </tr>
    <tr>
        <td>4</td>
        <td>sit</td>
    </tr>
    <tr>
        <td>5</td>
        <td>amet</td>
    </tr>
</table>
    
    

</code></pre>

CSS

pre:first-child code {
    border: 1px solid black;
    display: block;
}
table {
    border: 1px solid black;
    width: 100%;
}
table td:first-child {
    width: 1em;
}