You want to overlay a button on top of an image. The button should be at the bottom right corner of the image. How would you position the button using CSS?

  • Position it absolutely and use "bottom: 0; right: 0;"
  • Position it absolutely and use "top: 0; left: 0;"
  • Position it relatively and use "bottom: 0; right: 0;"
  • Position it relatively and use "top: 0; left: 0;"
To overlay a button on the bottom right corner of an image, you should position it absolutely and use "bottom: 0; right: 0;" to place it at the specified location relative to its nearest positioned ancestor or the viewport.
Add your answer
Loading...

Leave a comment

Your email address will not be published. Required fields are marked *