Writing text on an image with CSS

HTML CODE       
 
<div class="image">

       <asp:Image ID="Image1" runat="server" ImageUrl="images/career.jpg" />

 <h2>Carrer With Us<br />sourcecodernp.blogspot.com</h2>

</div>

CSS CODE

.image { 
   position: relative; 
   width: 100%; 
}

h2 { 
   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 

}

OUTPUT