JSFiddle - React, Tailwind, and code Playground

by Umar

HTML

<ol>
    <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo.</li>
    <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo.</li>
    <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo.</li>
    <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo.</li>
    <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo.</li>
</ol>

CSS

ol li{
    margin:0 0 2em 2em;
    list-style-type: decimal;
    float:left;
}
ol li{
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
}
ol{
    -webkit-column-count: 2; -webkit-column-gap:2em;
    -moz-column-count:2; -moz-column-gap:2em;
    -o-column-count:2; -o-column-gap:2em;
    column-count:2; column-gap:2em;
}