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

.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.

G Certification Course We would like to show you notifications for the latest news and updates.
Dismiss
Allow Notifications
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.

Send this to a friend