title: responsive background image and height of the text
body: <p>I have background image for responsive div, so I calculated the height/width of the image and assigned padding in percentage. absolutely fine. </p>
  
  <p>Now I need to add text inside the div, H1 and p tag. after adding these, div expanded vertically, overflow hidden is clipping the text.</p>
  
  <p>How do I calculate the height of the texts and subtract the value from parent div to fit exactly.</p>
  
  <p>Regards,
  Gururaj</p>