Estou com um problema em deixar uma section com os icons na horizontal, ele estão na vertical e não consigo arrumar ..
codigo html:
<!-- SERVICES --> <div id="services" class="sec-services"> <div class="row"> <div class="col-sm-4"> <i class="fa fa-4x fa-paint-brush"></i> <h2 class="h3">1323</h2> <p>Cfaefaekfneiafjieajfaei.</p> </div> <div class="col-sm-4"> <i class="fa fa-4x fa-code"></i> <h2 class="h3">1323</h2> <p>Cfaefaekfneiafjieajfaei.</p> </div> <div class="col-sm-4"> <i class="fa fa-4x fa-tablet"></i> <h2 class="h3">1323</h2> <p>Cfaefaekfneiafjieajfaei.</p> </div> </div> </div> <!-- END--SERVICES -->
codigo css:
/* SERVICES SECTION */ .sec-services { background: #14B97D; padding-top:70px; padding-bottom:70px; color:#fff; } #services h3{ padding-bottom:100px; } .sec-services h2, .sec-services p { font-weight: 300; text-align: center; } .sec-services{ font-size:1.1em; } .sec-services i { display: block; margin: auto; width: 45px; } .sec-services .fa-paint-brush { width: 64px; } .sec-services .fa-code { width: 68px } .sec-services h2 { margin: 1em 0; }