Which corner will the puppy be in when these CSS rules are applied?

Advertisement

.pen {
height: 100px;
width: 100px;
border: 2px dashed brown;
position: relative;
}

#puppy {
position: absolute;
right: 80px;
bottom: 0px;
}
<div class=”pen”>
<span id=”puppy”>🐶</span>
</div>

  • top-right corner
  • bottom-right corner
  • top-left corner
  • bottom-left corner
Join our list

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Leave a Comment

Share via
Join our list

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.