Write text on images. Facing error : I have two images one on left and one on right. I am facing issues in writing text on both images. I am pasting html code and css code. Please correct it.
Html code
   

     <div id="header">
        	<img src="images/banner-img1.jpg"alt="" class="left" > <p id="text"> jhcjdhdjshdjdhjd</p>
        	<img src="images/banner-img2.jpg"alt="" class="right"><p id="text"> jgdhdgdhddhhsd </p>
        
        </div>


Css Code.

    #container {
        height: 400px;
        width: 400px;
        position: relative;
    }
    #image {
        position: absolute;
        left: 0;
        top: 0;
    }
    #text {
        z-index: 100;
        position: absolute;
        color: white;
        font-size: 24px;
        font-weight: bold;
        left: 150px;
        top: 600px;
    }

