title: Label with cross icon in Bootstrap CSS
body: <p>I am using below code to create label</p>
  
  <pre><code>&lt;span class="label label-tags"&gt;Country 
      &lt;a onclick="javascript:alert(0);" href="javascript:void(0);"&gt; 
       &lt;i class="fa fa-trash-o"&gt;&lt;/i&gt;
      &lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>CSS Classes:</p>
  
  <pre><code>.label-tags {
      background-color: #CBF6FF;
      color: #000000;
      font-size: 100%;
      font-weight: normal;
  }
  .label {
      border-radius: 0.25em;
      color: #FFFFFF;
      display: inline;
      font-size: 75%;
      font-weight: bold;
      line-height: 1;
      padding: 0.2em 0.6em 0.3em;
      text-align: center;
      vertical-align: baseline;
      white-space: nowrap;
  }
  .fa {
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .fa-trash-o:before {
      content: "\f014";
  }
  </code></pre>
  
  <p>The above CSS generates label with trash icon but I need cross icon. Please suggest CSS changes to accomplish this.</p>