title: Shopping cart - number of items in cart CSS
body: <p>As we all have seen in popular websites , there is a small icon on the <code>top-right</code> of the icon of cart ! I have to use something like that in my ASP .NET web-page.</p>
  
  <p><img src="https://i.stack.imgur.com/9yuf4.png" alt="enter image description here"></p>
  
  <p>How do i get this icon to the top-right of the cart icon ..</p>
  
  <p>The icon of the cart is a normal bootstrap one and the css for the number of items in cart is as follows : </p>
  
  <pre><code>.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
  }
  
  .label-warning[href],
  .badge-warning[href] {
    background-color: #c67605;
  }
  </code></pre>
  
  <p><strong>NOTE:</strong> all the menu items shown in the image including the cart icon are in <code>ul-li</code> list .</p>
  
  <pre><code> &lt;li&gt;
        &lt;a href="Cart1.aspx" class="icon-shopping-cart" style="font-size: 25px"&gt;&lt;asp:Label ID="lblCartCount" runat="server" CssClass="badge badge-warning"  ForeColor="White"/&gt;&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p><strong>EDIT:</strong> The cart count is just nearly how i want it to be , but could it go a bit more to the top of the cart icon ? like about 3-5px?</p>
  
  <p><img src="https://i.stack.imgur.com/A9efP.png" alt="enter image description here"></p>