title: CSS border-radius
body: <pre><code>&lt;style&gt;
    div {border-radius:5px;background:#cccccc;}
    span {display:block;}
  &lt;/style&gt;
  
  &lt;div&gt;
      &lt;span&gt;First line&lt;/span&gt;
      &lt;span&gt;Second line&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want each <code>span</code> to fit inside the <code>div</code> with rounded corners, but they go in front of the div and obscure the rounded corners. If I put rounded corners on each <code>span</code> then you can see a faint outline of each <code>span</code>, even if they have the same <code>background-color</code> as the <code>div</code>.</p>