Consider this code… <div id=outer style=position:absolute;width:100px;height:100px;border:1px solid black> <div id=inner> <img src=http://rabbitempire.org/wp-content/uploads/Pet-Rabbit-Facts.jpg> </div> </div>

Question

0

Asked: June 8, 20262026-06-08T21:55:53+00:00 2026-06-08T21:55:53+00:00

Consider this code… <div id=outer style=position:absolute;width:100px;height:100px;border:1px solid black> <div id=inner> <img src=http://rabbitempire.org/wp-content/uploads/Pet-Rabbit-Facts.jpg> </div> </div>

0

Consider this code…

<div id="outer" style="position:absolute;width:100px;height:100px;border:1px solid black">
  <div id="inner">
    <img src="http://rabbitempire.org/wp-content/uploads/Pet-Rabbit-Facts.jpg">
  </div>
</div>

What style(s) do I need to add to make it so only the top left hand corner of the image is visible?

Please note, I don;t want to use a background image because the question is really about divs, believe it or not but the rabbit isn’t part of my application. Oh and in “real life” I wouldn’t use inline css.