title: How to create text block over the images with css and make it responsive
body: <p>I just want to ask, How to make text block on image, I was got it but when it &lt; 720px the text block is change and it's look not beautiful, I want the txt block is always in the same position as 1024px,</p>
  
  <p>this is my css script</p>
  
  <pre><code>.text-block { position : absolute; bottom: 0px; left:0px; }
  </code></pre>
  
  <p>it's look good when > 1024 px, but when  &lt; 720px it's look bad</p>
  
  <p><a href="http://i.stack.imgur.com/30Bs8.png" rel="nofollow">enter image description here</a></p>
  
  <p>I'm sorry if my english is bad</p>