JSFiddle - React, Tailwind, and code Playground

HTML

<div class="out">
	<ul>
		<li><a href="#">link 1</a></li>
		<li><a href="#">link 2</a></li>
		<li><a href="#">link 3</a></li>
	</ul>
</div>

CSS

.out {
	width: 200px;
	height: 400px;
	margin-left: 40px;
	background: #999;
}
.out ul {
	margin: 0;
	padding: 20px 0 0;
}
.out ul li {
	width: 170px;
    padding: 10px 10px 10px 30px;
    margin-bottom: 20px;
	background: #bbb;
	list-style-type: none;
	position: relative;
	left: -10px;
}