title: Text Overlap on Image with CSS
body: <p>I have an image which I want to overlap a piece of text at the bottom with a transparent black background.</p>
  
  <p>Whats the easiest way to achieve this ,</p>
  
  <pre><code>&lt;img src="http://assets3.parliament.uk/iv/main-large//ImageVault/Images/id_7382/scope_0/ImageVaultHandler.aspx.jpg" alt=""&gt; 
  &lt;div&gt;  
      &lt;p class="description_content"&gt;example&lt;/p&gt;  
  &lt;/div&gt;  
  </code></pre>