JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li> 
</ol>

CSS

ol {
    width: 400px;
    /*width: 800px;*/
    
    display: table;
    table-layout: fixed; /* the magic dust that ensure equal width */
    background: #ccc
}
ol > li {
    display: table-cell;
    border: 1px dashed red;
    text-align: center
}