JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contents">
<table style="width:100%;">
    <col><col width="25%">
    <col><col width="25%">
    <col><col width="25%">
    <col><col width="25%">
    <col>
    <tr>
        <td>adzsaczsfczarfd</td><td>|</td>
        <td>adzsaczs</td><td>|</td>
        <td>adzs</td><td>|</td>
        <td>adzsaczsf</td><td>|</td>
        <td>adz</td>
    </tr>
</table>

<p>sdfxsfs agxsadg xsdfgxdsf gxdsfgtyvndhf ghcytvh немртенрмтсен рсенрс нетсн тснртснтр снтнг  bmjk,i ugyvfgch vghkbiyg iuvgfvngh nnu</p>


</div>

CSS

#contents {
    width:100%;
}
#contents table td {
text-align:center;
}