Quisiera saber: ¿Cómo centrar los items dentro de un <div>
?, en particular si el item es un fa-icon. ¿Cuál es el error?. He probado: Alinear texto del objeto, alinear items, margin:0 auto, definir un estilo. Nada me ha resultado. Agradezco su colaboración y comparto el fragmento del código donde se visualiza el error.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="row">
<div class="col-lg-3">
<div class="section-overview">
<h3 style="color:#062156">Enlaces Relacionados:</h3>
</div>
</div>
<div class="col-lg-9">
<ul class="thumbnails">
<div class="col-lg-4 col-md-4">
<div class="relacionados-item">
<h4><a target="_blank" href="http://*">Texto.</a></h4>
<h5>Texto 2.</h5>
<a href="/videos.html" target="_blank">
<i class="fa fa-cogs fa-4x"></i>
</a>
</div>
</div>
</div>
¿Quisiera saber cómo alinear el icono fa-cogs para que se visualice centrado en relación a su texto superior?