JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container">
		<div class="row">
			<div class="col-sm-3">
				<ul>
					<li><a href="">Umum <span class="badge">5</span></a></li>
					<li><a href="">Politik<span class="badge">10</span></a></li>
					<li><a href="">Sport <span class="badge">20</span></a></li>
					<li><button type="submit" class="btn btn-primary">Primer <span class="badge">7</span></button></li>
				</ul>
			</div>
		</div>
	</div>

CSS

.container ul {
			list-style: none;
			margin-top: 30px;
		}
		
		.container .btn {
			margin-top: 40px;
		}
	
		.container li {
			margin-bottom: 10px;
		}
		
		.badge {
			margin-left: 10px;
		}