title: CSS internal style is not working, but inline is working. why?
body: <p>So this is the code. I am not sure what problem there is. So first there is internal and 2nd one below there is inline, which is working. I think the problem is the image because inline css is working fine with other images but not with just one (Capture.png).    </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;style&gt;  &lt;!-- this is where I am adding the internal css --&gt;
  body{
  padding: 0px;
  margin: 0px;
  }
  
  .cap{                    &lt;!-- this is the class for the image --&gt;
     position: absolute; 
     height:100px; 
     width:200px;
     left:150px; 
  }
  &lt;/style&gt;
  
  &lt;body&gt;
  &lt;div class="cap"&gt;&lt;img src="Capture.png"/&gt;&lt;/div&gt;      
  &lt;/body&gt;
  &lt;/html&gt;
  
  
  But this works!
  
  &lt;div class="cap"&gt;&lt;img src="Capture.png" style=" position: absolute; 
     height:100px; 
     width:200px;
     left:150px;"/&gt;&lt;/div&gt;
  </code></pre>