title: Adding text after and before the div
body: <p>How to add text before and after a <code>div</code> element?. I tried with the pseudo selectors <code>before</code> and <code>after</code>, but it not work.</p>
  
  <pre><code>.volume-container:before {
      content: 'Storage';
  }
  
  .volume-container:after {
      content: '25% Usage';
  }
  </code></pre>
  
  <p>I want to add a text before and after my volume control as like storage control where the pseudo selectors work.</p>
  
  <p><a href="http://codepen.io/anon/pen/jrynu" rel="nofollow">http://codepen.io/anon/pen/jrynu</a></p>