JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li><a href="">Первый пункт</a></li>
        <li><a href="">Второй пункт</a></li>
        <li><a href="">Третий пункт</a></li>
    </ul>

CSS

ul{
margin:50px auto;
width:300px;
padding:0;
list-style:none;
}

li{
background:orange;
border-radius:5px;
width:300px;
margin:5px 0px;
}

a{
display:block;
background:#ccc;
border-radius:0px 5px 5px 0px;
border-left:3px solid #fff;
margin-left:20px;
padding:5px;
}