title: Centering a glyphicon inside a div
body: <p>Here's the fiddle: <a href="http://jsfiddle.net/sarvagnya1/BLAXF/">http://jsfiddle.net/sarvagnya1/BLAXF/</a></p>
  
  <p>I need to center a glyphicon inside a div both vertically and horizontally.</p>
  
  <p>Here's the code:
   HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="item"&gt;
      &lt;span class="glyphicon glyphicon-text-width"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS:</p>
  
  <pre><code>.container{
  width: 600px;
  margin: 0 auto;
  border: 1px solid #000;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>.item{
  width: 150px;
  height: 150px;
  border: 1px solid #ddd;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>.item span{
  font-size: large;
  </code></pre>
  
  <p>}</p>