JSFiddle - React, Tailwind, and code Playground

HTML

<div class="well">
        <div><h4>Onlne Shipping and Booking</h4></div>
        <a href="flight-shopping.html" class="sous-sections">> Flight Shopping</a><br>
        <a href="revnet.html" class="sous-sections">> REVNET (Restours)</a><br>
        <a href="package-shopping.html" class="sous-sections">> Package Shopping</a><br>
        <a href="package-plus-shopping.html" class="sous-sections">> Package+ Shopping (BETA)</a><br>



      </div><!-- END OF WELL FOR INTRO TRAVEL -->

CSS

.well {
  margin-top: 30px; /*Lower the well a little bit*/
  display:block;
}

.well h4 {
  display: inline-block;
  height:20px;
/*  width: 200px;*/
  padding: 0.5em;
  font-size: 1em;
  font-family: helvetica;
  text-indent: 5px;
  color: #f8ce0e; /*jaune*/
  position: relative;
  left: -10px;
  top: -40px;
  background: #018dd4; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #018dd4 0%, #02468e 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#018dd4), color-stop(100%,#02468e)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #018dd4 0%,#02468e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #018dd4 0%,#02468e 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #018dd4 0%,#02468e 100%); /* IE10+ */
  background: radial-gradient(ellipse at center, #018dd4 0%,#02468e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018dd4', endColorstr='#02468e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -moz-box-shadow: 2px 2px 3px #6d6d6d;
  -webkit-box-shadow: 2px 2px 3px #6d6d6d;
  box-shadow: 2px 2px 3px #6d6d6d;
  border-radius: 5px;
/*  margin-bottom: -20px;*/
/*  resize:both;
  resize: horizontal;*/
  overflow:auto;
}