JSFiddle - React, Tailwind, and code Playground

by andystorrisch

HTML

<div class="wrapper">
    <ul>
        <li>updated version :
            <ol class="tour">
                <li>Hello</li>
                <li>Whats Up</li>
                <li>Bye How Are You How Are You How Are You How Are You How Are You How Are You</li>
                <li>How Are You</li>
            </ol>
        </li>
        <li>Test Data</li>
    </ul>
    <div>

CSS

.wrapper {
    width: 450px;
}
ol.tour {
    counter-reset: tour;
    list-style-type: none;
}
.tour li:before {
    counter-increment: tour;
    content:"Tour " counter(tour)": ";
}
li {
    white-space: nowrap;
}