Preciso alinhar alguns elementos em uma página e não estou conseguindo, já fiz alguns testes como usar o text-align:center
na classe pull-right
bem como na header-features
de acordo com exemplos que li, mas sem sucesso.
O que tenho é isso:
<!-- ALINHA CONTEÚDO -->
<div class="row">
<div class="col-md-12">
<!-- CLASSE ONDE O CONTEÚDO ESTÁ -->
<div class="pull-right">
<ul class="header-features">
<li><i class="fa fa-bullhorn"></i>
<div class="header-feature-caption"> <img src="img/caixa.jpg" width="108"> </div>
</li>
<li><i class="fa fa-hand-o-right"></i>
<div class="header-feature-caption">
<h5 class="header-feature-title">ANUNCIAR IMÓVEIS</h5>
<p class="header-feature-sub-title">clique aqui</p>
</div>
</li>
</ul>
</div>
</div>
</div>
E o css deles são esses:
.pull-right { float: right !important; } .header-features { list-style: none; margin: 0; padding: 0; }
O que estou tentando fazer é isso:
O projeto pode ser visto aqui: Página Demonstração