JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content2">
    <h4>Onze producten</h4>
    <div class="section">
        <a href="../html/kleding.html"> Pika deken</a>
        <a href="../html/kleding.html"><img src="../images/baby1.jpg" /></a>      
        €20
    </div>
    <div class="section">
    
        <a href="../html/kleding.html">School outfit</a>
        <a href="../html/kleding.html"><img src="../images/boy1.jpg" /></a>
            €140
        </div>
        <div class="section">          
            <a href="../html/kleding.html">Bussines girl</a>
            <a href="../html/kleding.html"><img src="../images/girl2.jpg" /></a>
                €250
        </div>
        <div class="section">
          <a href="../html/kleding.html">Summer</a>
            <a href="../html/kleding.html"><img src="../images/girl1.jpg" /></a>
              €99.99
       </div>      
</div>

CSS

#content2{

  text-align: center;

} 

.section {
    display: inline-block;
    margin: 0 10px;
}    

.section a {
   display: block; 
   padding-bottom: 10px; 
}