<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="container"> <div class="row"> <div class="col-xs-3 bordeimg"> <img style="max-width:85%;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLlCi9zTa8vZxh0Q1VvhZosftH5R-rdorOIeMQAQJQc_okR0Mmwg" /> </div> <div class="col-xs-9 borde"> <div class="col-xs-12 detalle titulo1"> Centro Médico Helguera </div> <div class="col-xs-12 detalle resumen"> Atención de emergencias, ambulancia, consultorios externos, expecialidades medicas: odontología, medicina general, laboratorios, control prenatal, ginecologia </div> <div class="col-xs-12 detalle resumen"> Av. Alfonso Ugarte 120 C. Colorado </div> <div class="col-xs-12 detalle resumen"> <div class="col-xs-10 detalle resumen"> <a>Teléfono:</a> 054-402323 - 959528800 </div> <div class="col-xs-1 detalle resumen"> <a href="#"> <span class="glyphicon glyphicon-earphone"></span> </a> </div> <div class="col-xs-1 detalle resumen"> <a href="#"> <span class="glyphicon glyphicon-map-marker"></span> </a> </div> </div> </div> <div class="col-xs-12"> <p style="padding:2px;"> <div style="width:100%;border-top:1px solid green"> </div> </div> </div>

.borde{ border-bottom:solid 2px #12c44a; padding:0px 1px 2px 1px; } .bordeimg{ border-bottom:solid 2px #12c44a; padding:5px 5px 5px 5px; text-align: center; } .titulo1{ font-size:11px; color:#2E9AFE; font-weight: bold; } .resumen{ font-size:10px; color:#2E2E2E; } .detalle {border:solid 0px #12c44a; padding:2px 0px 0px 3px; } .row { display: table; } .row [class*="borde"] { display: table-cell; float: none; } .row [class*="borde"] { vertical-align: middle; } .glyphicon { font-size: 14px; color:#12c44a; }