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;
    padding: 0;
   
}

.pricearea{
  text-align: center;
}

.price_nav > li{
  border: 1px solid red;
  display: inline-block;
  vertical-align: top;
  width: 280px;
  margin: 5px;
}