JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="kachel_wrapper">
			<li class="kachel">&nbsp;</li>
			<li class="kachel kachelfix">
				<a href="javascript:void(0);"><img src="/images/schloss.jpg" width="100" height="133" border="0"></a><br/>
				Login
			</li>
			<li class="kachel">&nbsp;</li>
			<li class="kachel kachelfix">
				<a href="javascript:void(0);"><img src="/images/geburtstag.jpg" width="100" height="133" border="0"></a><br/>
				Geburtstage
				<p>2</p>
			</li>
			<li class="kachel">&nbsp;</li>
			<li class="kachel kachelfix">
				<a href="javascript:void(0);"><img src="</images/jubilaeum.jpg" width="100" height="133" border="0"></a><br/>
				Jubiläum
			</li>
			<li class="kachel">&nbsp;</li>
			<li class="kachel kachelfix">
				<a href="javascript:void(0);"><img src="/images/mitarbeiter.jpg" width="100" height="133" border="0"></a><br/>
				Eintritte
				<p>11</p>
			</li>
			<li class="kachel">&nbsp;</li>
			<li class="kachel kachelfix">
				<a href="javascript:void(0);"><img src="/images/news.jpg" width="100" height="133" border="0"></a><br/>
				News
			</li>
		</ul>

CSS

.kachel_wrapper {
	width:90%; 
	display:table;
}
.kachel {
	list-style: none; 
	display:table-cell;
}
.kachelfix {
	padding:10px;
	width:120px;
	height:120px;
	border: solid 2px #3399ff;
}
.kachelfix p {
	clear:both;
	position:relative;
	left:75px;
	top:-170px;
	width:15px;
	height:15px;
	margin: auto;
	padding:5px;
	border: solid 2px #3399ff;
	border-radius: 5px;
	background-color: #fff;
}