title: HTML Elements inside an image?
body: <p>i made a container for my login page that is composed of 3 images</p>
  
  <pre><code>    frost_frame_top.png
      frost_frame_body.png
      frost_frame_bottom.png
  </code></pre>
  
  <p>and it appears like this </p>
  
  <p><img src="https://i.stack.imgur.com/ZsWHu.png" alt="enter image description here"></p>
  
  <p>i done it by doing this in its .css</p>
  
  <pre><code>    #loginframe_top, #loginframe_center, #loginframe_bottom
      {
          vertical-align: bottom;
      }
  </code></pre>
  
  <p>i like to add some elements like textbox, buttons and labels inside the image. how can i do this ? i am new to web development and hope i can find some answers. thank you </p>