<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="cont"> <ul class="contact"> <li style="text-align: left;"> <p><i class="fa fa-map-marker fa-3x"></i></p> <p><strong>Catcomp Kft.</strong></br>2700 Cegléd, Széchenyi út 49.</p> </li> <li style="text-align: left;"> <p><i class="fa fa-phone fa-3x"></i></p> <p><strong>Phone:</strong></br>+36 (53) 505-320</p> </li> <li style="text-align: left;"> <p><i class="fa fa-envelope fa-3x"></i></p> <p><strong>E-mail:</strong></br>catcomp@catcomp.hu</p> </li> </ul> </div>

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"); body { font-family: "Segoe UI", Helvetica Neue, Tahoma, sans-serif; } .contact .fa:before { display: inline-block; opacity: 0.7; } .contact li { display: inline-block; list-style-type: none; margin: 0 1em; text-align: center; } .contact p { text-align: center; } .contact { display: inline-block; margin: 0 auto; padding-left: 0; } .cont { text-align: center; }