JSFiddle - React, Tailwind, and code Playground
HTML
<div class="pricearea">
<ul class="price_nav wow bounceIn animated" style="visibility: visible; animation-name: bounceIn;">
<!-- Start single Plan -->
<li>
<h2 class="price_heading" style="font-size: 20px;">Aufenthaltsideen</h2>
<img src="img/new.jpg" height="205px" width="272px">
<ul class="pfeatured_nav">
<li><strong>5 Tage in Miami mit 1 Nacht im Gefängnis von Alcatraz</strong></li>
<li><strong>Der Abstieg Colorados in Rafting </strong> </li>
<li><strong>1 Woche in einer Ranch mitwahren Cowboys.</strong> </li>
</ul>
<span class="price_badge" style="padding-right: 34px;">Empfohlen</span>
<a class="get_button" href="#devis">Angebotsanfrage</a>
</li>
<!-- Start single Plan -->
<li>
<h2 class="price_heading" style="font-size: 20px;">MietenalteFahrzeuge</h2>
<img src="img/location.jpg" height="205px" width="272px">
<ul class="pfeatured_nav">
<li><strong>KabriolettKäfer</strong> </li>
<li><strong> CorvetStingray</strong>- t </li>
<li><strong>Lincoln </strong> - </li>
</ul>
<a class="get_button" href="#devis">Angebotsanfrage</a>
</li>
<!-- Start single Plan -->
<li>
...
CSS
.pricearea {
display: inline;
float: left;
padding: 25px 0;
width: 100%;
}
ul {
list-style: outside none none;
margin: 0 auto;
padding: 0;
width: 300px;
}