JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">    
        <ul>
            <li><a href="#">1 ссылка</a></li>
            <li><a href="#">2 ссылка</a></li>
            <li><a href="#">3 ссылка</a></li>
            <li><a href="#">4 ссылка</a></li>
            <li><a href="#">5 ссылка</a></li>        
        </ul>
    </div>

CSS

.main{
    width:900;
    margin:auto;
}

ul{
    border:2px;
    background:#fcf;
}

ul li{
    
    display:block;
    margin:15px;
    padding:10px;
    float:left;
}