JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel elementum ligula. Cras non erat diam. Donec imperdiet pulvinar eleifend. Aliquam eget est vel felis porta feugiat nec eu ligula. Duis consectetur nulla tellus. Aenean ac quam turpis. Proin condimentum justo nec ante adipiscing a vehicula est feugiat. Nullam consectetur facilisis commodo. Fusce turpis eros, rhoncus eget lobortis eu, ornare id dolor. Etiam ut risus odio. In hac habitasse platea dictumst. Pellentesque elementum ipsum in urna varius vehicula. Nam consequat dolor in dolor ornare interdum. Sed eget neque id nisi facilisis consequat. Mauris hendrerit, erat ac volutpat dictum, orci mi consequat leo, volutpat convallis quam dui eget odio. Integer tempor libero id nisl auctor eu hendrerit felis rutrum. Proin diam sapien, venenatis in egestas quis, rhoncus id purus.
    </p>
    <p>
        Aliquam rhoncus feugiat eros ut elementum. Fusce tincidunt sem non nunc euismod sed pretium metus semper. Quisque vitae tortor id diam tempor dapibus. Cras vel tortor nisl, sed aliquet libero. Phasellus dolor metus, pulvinar eget suscipit aliquam, mattis sit amet mi. Sed vitae sem nec eros viverra faucibus. Curabitur ut tortor mauris. Nam id ornare nisl. Nullam nec neque sit amet nisl molestie pulvinar. Proin ornare, nunc ut suscipit luctus, risus urna sagittis ligula, vitae auctor ligula eros vitae elit. Aliquam risus nisl, varius ac porta quis, iaculis id massa. Nulla facilisi. Morbi mollis consectetur tellus, ac pretium lacus consectetur nec. Sed hendrerit velit non justo eleifend consectetur. Cras eu dui eu eros congue dapibus. Vestibulum fermentum tellus quis diam viverra at fermentum felis dignissim.
    </p>
    <p>
        Ut nisi purus, sollicitudin ac varius sodales, lacinia non dolor. Sed ut sodales tortor. Nunc sed lectus mauris. Donec sodales ante ac mauris convallis egestas. Nulla sed sollicitudin metus. Curabitur euismod, leo a feugiat porttitor, magna...

CSS

#container {
    counter-reset: nums;
}
p {
    position: relative;
    margin: 21px 0;
}
p:before {
    content: '\2022 \2022';
    font-size: 2em;
    position: absolute;
    top: -8px;
    left: 0;
    line-height: 1px;
    color: #888;
    width: 100%;
    text-align: center
}
p:after {
    content: counter(nums);
    counter-increment: nums;
    font-size: 1.5em;
    position: absolute;
    top: -8px;
    right: 0;
    line-height: 1px;
    color: #888;
    font-family: sans-serif
}

p:nth-child(1):before { content: '\2022' }
p:nth-child(2):before { content: '\2022 \2022' }
p:nth-child(3):before { content: '\2022 \2022 \2022' }
p:nth-child(4):before { content: '\2022 \2022 \2022 \2022' }
p:nth-child(5):before { content: '\2022 \2022 \2022 \2022 \2022' }
p:nth-child(6):before { content: '\2022 \2022 \2022 \2022 \2022 \2022' }
/* ............ */