title: CSS3 for HTML5 Legend inside fieldset
body: <p>Can you please suggest CSS to get effect as quoted below (using CSS3 gradient &amp; borders) ? </p>
  
  <p><img src="https://i.stack.imgur.com/tzkG7.png" alt="enter image description here"></p>
  
  <p>Current version of HTML is mentioned below: </p>
  
  <pre><code>&lt;section style="margin: 10px;"&gt;
  &lt;fieldset style="border-radius: 5px; padding: 5px; min-height:150px;"&gt;
  &lt;legend&gt;&lt;b&gt; My Statistics &lt;/b&gt; &lt;/legend&gt;
  &lt;label&gt; &lt;br/&gt; &lt;/label&gt;
  &lt;label&gt; &lt;br/&gt; &lt;/label&gt;
  &lt;/fieldset&gt;
  </code></pre>