title: Append text before and after container
body: <p>How can i append text before and after the container as shown in the image below.</p>
  
  <pre><code>&lt;div class="volume-container"&gt;  
    &lt;div class="pb1"&gt;
      &lt;div id="progress-bar"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Below is my fiddle for the same.</p>
  
  <p><a href="http://codepen.io/anon/pen/cErwo" rel="nofollow">http://codepen.io/anon/pen/cErwo</a></p>