JSFiddle - React, Tailwind, and code Playground

by Karen Maritz

HTML

<div style="padding-top:1em;">
                                        <ul class="checkList bodytextCheckList">
                                            <li>24/7 Access to your Policy</li>
                                            <li>Easily submit claims online</li>
                                            <li>Keep your details up to date</li>
                                        </ul>
                                    </div>

CSS

.checkList {
    
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 2.86;
    letter-spacing: 0.5px;
    color: #1e73e9;
    display: inline;
    padding: 0;
    margin: 0;
}

ul li:before {
  content: '✓';
 
  display: inline;
  margin-right:1em;
  width:20px;
  height:20px;
  float:left;
}

ul li:after {
  padding:1em;
  padding-bottom:1em;

}

    .checkList li {
        line-height: 2.63;
        padding-bottom: 1em;
        padding-left:1em !important;
        float:left;
    }