title: CSS. Link button from <span> tag
body: <p>Sorry for noob question. I can't figure out how to create a link button.
  I want that two <code>span</code> tags to be inline, but get one under another.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;span style="display: inline"&gt;
  &lt;span class="icon-cancel"&gt;&lt;/span&gt;
  &lt;span&gt;Cancel operation&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.icon-cancel {
      display: block;
      background: no-repeat scroll 0 0 transparent;
      height: 16px;
      width: 16px;
  }
  .icon-cancel {
      background-image: url("../img/ui/controls/cancel/cancel1.png");
  }
  </code></pre>