JSFiddle - React, Tailwind, and code Playground

HTML

<div class="lst-container">
                        <ul class="bullet-list">
    
                            <li><a href="">Content</a></li>
                            <li><a href="">ContentContent Content </a></li>
                            <li><a href=""> Content content content</a></li>
                            <li><a href="">Content</a></li>
                            <li><a href="">Content</a></li>
                            <li><a href="">Content content</a></li>
                            <li><a href="">Content content</a></li>
    
                  


                        </ul>
                    </div>

CSS

.lst-container{
    width:300px;
}
.lst-container ul{
    list-style-type: disc;
    
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

}
.bullet-list li{  
    padding: 2px 0 5px;
    color: #616365;
    list-style-type: disc;
    /* float: left; */
    margin-right:10px;
    /* width:46%; */
    margin-bottom:5px;
}
.bullet-list li a{
        font: normal 15px/24px Arial;
        text-decoration: none;
         color:#616365;
}