Not able to change span height and width inside image tag
<p>I have referred this  <a href="https://stackoverflow.com/questions/257505/css-fixed-width-in-a-span">question</a> but it dint help me out . I am trying to change span tags <strong>height and width</strong> inside image tag but it's not working and this is my code:</p>

<p><strong>html</strong></p>

<pre><code>&lt;img class="profile_pic" alt="Sumanth Jois" src="file/someimage"&gt;
           &lt;span  class="changePicture"&gt;HelloThere&lt;/span&gt;     
 &lt;/img&gt;
</code></pre>

<p><strong>Css</strong></p>

<pre><code>     //There are many spans so I am using the . operator to specify
     span.changePicture{
        width: 100px;
       height:200px;
       background-color:red;
        margin-left: -150px;
        color: white;
        margin-top: -20px;
     }
</code></pre>

<p>I am not able to change the width and height using this code.Can I know how I can solve this?</p>

<p>ThankYou</p>