JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bullets">
                    <ul>
                        <li><strong>100X</strong> More Powerful</li>
                        <li>Say <strong>No</strong> To Plastic</li>
                        <li>Fits <strong>99.9%</strong> On The Market</li>
                        <li>Saves Approximately <strong>8 Hours A Year</strong></li>
                        <li>Durable Like <strong>$3,000</strong> Worth</li>
                    </ul>
                </div>

SCSS

.bullets {
        display: flex;
        flex-flow: column wrap;
        font-size: 18px;
        
        ul {
        list-style: none;

        li {
            display: flex;
            align-items: center;
            padding-left: 16px;

            .span {

            }
        }

        li:not(:first-of-type) {
            margin-top: 15px;
        }

        li:before {
            content: "";
            background-image: url('https://cdn.shopify.com/s/files/1/0493/4605/2261/files/checkmark.svg?v=1600908500');
            background-size: 24px 21px;
            margin-left: -16px;
            width: 24px;
            height: 21px;
            margin-right: 10px;
        }
    }
    }