title: Display block without 100% width
body: <p>I want to set a span element to appear below another element using the display property. I tried applying inline-block but without success, and figured I could use block if I somehow managed to avoid giving the element a width of 100% (I don't want the element to "stretch out"). Can this be done, or if not, what's good praxis for solving this kind of issue?</p>
  
  <p>Example: a news list where I want to set a "read more" link at the end of each post (note: <code>&lt;a&gt;</code> instead of <code>&lt;span&gt;</code>)</p>
  
  <pre><code>&lt;li&gt;
  &lt;span class="date"&gt;11/15/2012&lt;/span&gt;
  &lt;span class="title"&gt;Lorem ipsum dolor&lt;/span&gt;
  &lt;a class="read-more"&gt;Read more&lt;/a&gt; 
  &lt;/li&gt;
  </code></pre>
  
  <p><br>
  Update: Solved. In CSS, apply</p>
  
  <pre><code>li {
      clear: both;
  }
  li a {
      display: block;
      float: left;
      clear: both;
  }
  </code></pre>