title: whitespace issue on glyphicon
body: <p>I am struggling to figure out how to remove the white space in the glyphicon. </p>
  
  <p>Ideally if i could get the <code>display:inline-block</code> go to away my life would be so much happier. </p>
  
  <p>Can anyone suggest some options ? I am pretty much out of options at this point. :(</p>
  
  <p>below is a working sample of my issue</p>
  
  <p><a href="https://stevia-affirm.codio.io/VerticalBootstrapTable.html" rel="nofollow">https://stevia-affirm.codio.io/VerticalBootstrapTable.html</a></p>
  
  <pre><code> &lt;!--
  To change this template use Tools | Templates.
  --&gt;
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
        &lt;title&gt;Bootstrap Vertical Table&lt;/title&gt;
      &lt;!-- for css --&gt;
      &lt;link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"&gt;
  
      &lt;!-- for JavaScript  --&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/bootstrap/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- for Fonts  --&gt;
      &lt;link href="css/fonts/glyphicons-halflings-regular.eot" rel="stylesheet" type="text/css"&gt;
      &lt;link href="css/fonts/glyphicons-halflings-regular.svg" rel="stylesheet" type="text/css"&gt;
      &lt;link href="css/fonts/glyphicons-halflings-regular.ttf" rel="stylesheet" type="text/css"&gt;
      &lt;link href="css/fonts/glyphicons-halflings-regular.woff" rel="stylesheet" type="text/css"&gt;
      &lt;style&gt;
          #no-more-tables .glyphicon {display:block;text-align:center;height:auto;top:-1px !important;}
      @media only screen and (max-width: 768px) {
  
      /* Force table to not be like tables anymore */
      #no-more-tables table, 
      #no-more-tables thead, 
      #no-more-tables tbody, 
      #no-more-tables th, 
      #no-more-tables td, 
      #no-more-tables tr { 
          display: block; 
      }
  
      /* Hide table headers (but not display: none;, for accessibility) */
      #no-more-tables thead tr { 
          position: absolute;
          top: -9999px;
          left: -9999px;
      }
  
      #no-more-tables tr { border: 1px solid #ccc; }
  
      #no-more-tables td { 
          /* Behave  like a "row" */
          border: none;
          border-bottom: 1px solid #eee; 
          position: relative;
          padding-left: 50%; 
          white-space: normal;
          text-align:left;
      }
  
      #no-more-tables td:before { 
          /* Now like a table header */
          position: absolute;
          /* Top/left values mimic padding */
          top: 6px;
          left: 6px;
          width: 45%; 
          padding-right: 10px; 
          white-space: nowrap;
          text-align:left;
          font-weight: bold;
      }
  
      /*
      Label the data
      */
      #no-more-tables td:before { content: attr(data-title); }
  }&lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
      &lt;!-- &lt;div class="row"&gt; --&gt;
          &lt;div class="col-md-12"&gt;
              &lt;h1 class="text-center"&gt;
                  No more tables.
              &lt;/h1&gt;
  
          &lt;/div&gt;
          &lt;div id="no-more-tables"&gt;
              &lt;table class="col-md-12 table-bordered table-striped table-condensed cf table-hover"&gt;
                  &lt;thead class="cf"&gt;
                      &lt;tr&gt;
                          &lt;th&gt;Pencil&lt;/th&gt;
                          &lt;th&gt;Code&lt;/th&gt;
                          &lt;th&gt;Company&lt;/th&gt;
                          &lt;th class="numeric"&gt;Price&lt;/th&gt;
                          &lt;th class="numeric"&gt;Change&lt;/th&gt;
                          &lt;th class="numeric"&gt;Change %&lt;/th&gt;
                          &lt;th class="numeric"&gt;Open&lt;/th&gt;
                          &lt;th class="numeric"&gt;High&lt;/th&gt;
                          &lt;th class="numeric"&gt;Low&lt;/th&gt;
                          &lt;th class="numeric"&gt;Volume&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;AAC&lt;/td&gt;
                          &lt;td data-title="Company"&gt;AUSTRALIAN AGRICULTURAL COMPANY LIMITED.&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$1.38&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;-0.01&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;-0.36%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$1.39&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$1.39&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$1.38&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;9,395&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;AAD&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ARDENT LEISURE GROUP&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$1.15&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;+0.02&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;1.32%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$1.14&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$1.15&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$1.13&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;56,431&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;AAX&lt;/td&gt;
                          &lt;td data-title="Company"&gt;AUSENCO LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$4.00&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;-0.04&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;-0.99%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$4.01&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$4.05&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$4.00&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;90,641&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;ABC&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ADELAIDE BRIGHTON LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$3.00&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;+0.06&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;2.04%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$2.98&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$3.00&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$2.96&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;862,518&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;ABP&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ABACUS PROPERTY GROUP&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$1.91&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;0.00&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;0.00%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$1.92&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$1.93&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$1.90&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;595,701&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;ABY&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ADITYA BIRLA MINERALS LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$0.77&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;+0.02&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;2.00%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$0.76&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$0.77&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$0.76&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;54,567&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;ACR&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ACRUX LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$3.71&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;+0.01&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;0.14%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$3.70&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$3.72&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$3.68&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;191,373&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;ADU&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ADAMUS RESOURCES LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$0.72&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;0.00&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;0.00%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$0.73&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$0.74&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$0.72&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;8,602,291&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;AGG&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ANGLOGOLD ASHANTI LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$7.81&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;-0.22&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;-2.74%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$7.82&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$7.82&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$7.81&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;148&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;AGK&lt;/td&gt;
                          &lt;td data-title="Company"&gt;AGL ENERGY LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$13.82&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;+0.02&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;0.14%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$13.83&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$13.83&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$13.67&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;846,403&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                            &lt;td class="glyphicon glyphicon-pencil" style="top: 0px;"&gt;&lt;/td&gt;
                          &lt;td data-title="Code"&gt;AGO&lt;/td&gt;
                          &lt;td data-title="Company"&gt;ATLAS IRON LIMITED&lt;/td&gt;
                          &lt;td data-title="Price" class="numeric"&gt;$3.17&lt;/td&gt;
                          &lt;td data-title="Change" class="numeric"&gt;-0.02&lt;/td&gt;
                          &lt;td data-title="Change %" class="numeric"&gt;-0.47%&lt;/td&gt;
                          &lt;td data-title="Open" class="numeric"&gt;$3.11&lt;/td&gt;
                          &lt;td data-title="High" class="numeric"&gt;$3.22&lt;/td&gt;
                          &lt;td data-title="Low" class="numeric"&gt;$3.10&lt;/td&gt;
                          &lt;td data-title="Volume" class="numeric"&gt;5,416,303&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;p class="bg-success" style="padding:10px;margin-top:20px"&gt;&lt;small&gt;&lt;a href="http://elvery.net/demo/responsive-tables/#no-more-tables" target="_blank"&gt;Link&lt;/a&gt; to original article&lt;/small&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;!-- &lt;/div&gt; --&gt;`enter code here`
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>