title: Aligning span, paragraph and anchor in css
body: <p>I cannot figure out how to align these three elements. I have this scheme:</p>
  
  <pre><code>&lt;div class="main_box"&gt;
      &lt;span class="title"&gt;Title&lt;/span&gt;
      &lt;p&gt;Text goes here&lt;/p&gt;
      &lt;a class="button" href="#"&gt;Button&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS is:</p>
  
  <pre><code>.title{
  float:left;
  display:inline-block;
  }
  
  p{
  display: inline;
  float: left;
  width:100px;
  }
  
  .button{
  display: inline;
  float: right;
  }
  </code></pre>
  
  <p>I put the width on <code>p</code>, because it's width is the width of container (and I don't want that).</p>
  
  <p>With this, the button (anchor) is aligned with the paragraph, but I'd like to center it more, somewhere between title and paragraph.</p>
  
  <p>What am I doing wrong? :\ Should I just use negative margin on the anchor?</p>
  
  <p>EDIT: I wasn't clear enough, I need vertical alignment of these elements. I've figured out the problem. I can use negative margins.</p>