<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-12 contact-person"> <div class="panel panel-default"> <div class="panel-body"> <div class="contact-person-top"> <div class="edpb">IDEWE</div> <div class="contact-naam">Mr Stijn Vandenende</div> <span class="label label-danger">Preventie-Adviseur <strong>Psycho-Sociale</strong></span> </div> <div class="contact-person-bottom"> <div class="adres">Interleuvenbaan 20, 3000 Brussel</div> <div class="telefoon">032 039223</div> <div class="mail">info@idewe.be</div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-body"> <div class="contact-person-top"> <div class="edpb">IDEWE</div> <div class="contact-naam">Mr Stijn Vandenende</div> <span class="label label-danger">Preventie-Adviseur <strong>Psycho-Sociale</strong></span> </div> <div class="contact-person-bottom"> <div class="adres">Interleuvenbaan 20, 3000 Brussel</div> <div class="telefoon">032 039223</div> <div class="mail">info@idewe.be</div> </div> </div> </div> </div> </div> </div>

.contact-person .panel { float: left; margin-right: 30px; width: 300px; padding: 20px 10px; } .contact-person-top { text-align: center; } .contact-person-top .edpb { font-size: 22px; margin-bottom: 15px; } .contact-person-top .contact-naam { color: #1d3557; font-weight: 700; font-size: 18px; } .contact-person-top .label-danger { color: #f35623; background-color: rgba(230, 57, 70, 0.10); font-weight: normal; } .contact-person-bottom { text-align: left; margin-top: 30px; }