title: Placement of Close Button on DIV using CSS
body: <p>I am trying to set the position of a close button over a div and cant get it to the top right hand side. I have read many of the Stack articles relating to this but cant get this working.</p>
  
  <p>Is anyone able to assist?</p>
  
  <p><strong><a href="http://jsfiddle.net/grantfeldman/K4p6g/1" rel="nofollow">http://jsfiddle.net/grantfeldman/K4p6g/1</a></strong></p>
  
  <pre><code>&lt;div class="tag"&gt;
      &lt;a class="closeButton"&gt;&lt;/a&gt;
      Foo
  &lt;/div&gt;
  
  div.tag
  {
      color: #EEE;
      font-size: 15px;
      font-family: Georgia, Times, serif;
      display: inline-block;
      border: 2px solid #324566;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      background-color: #283957;
      padding: 8px;
      margin: 5px;
  }
  .closeButton
  {
      display:block;
      float:right;
      width:27px;
      height:27px;
      background:url('http://cdn-sg1.pgimgs.com/images/pg/close-button.png') no-repeat center center;
  }
  </code></pre>