.Code HTML and CSS for the following: Place three images inside the display area of your web page. The dimensions of the images are imgA: height = 20%; width = 100px imgB: height = 150px; width = 250rem imgC: height = 180vmin; width = 50% Display imgA and have it positioned 100px from the left of its container and 100vmax from the top. Display imgB and have it positioned 120px from the left of its container and 120em from the bottom. Display imgC and have it positioned 200px from the top of its container and centered horizontally. The order of HTML code for displaying the three images are to be imaA code, then imaB code, and finally imaC code. Make sure imgA is displayed on top of imgC and imgC is on top of imgB. Code all mandatory attributes. Given a choice, always use a property instead of an attribute.
18.Code HTML and CSS for the following:
Place three images inside the display area of your web page.
The dimensions of the images are
imgA: height = 20%; width = 100px
imgB: height = 150px; width = 250rem
imgC: height = 180vmin; width = 50%
Display imgA and have it positioned 100px from the left of its container and 100vmax from the top.
Display imgB and have it positioned 120px from the left of its container and 120em from the bottom.
Display imgC and have it positioned 200px from the top of its container and centered horizontally.
The order of HTML code for displaying the three images are to be imaA code, then imaB code, and finally imaC code.
Make sure imgA is displayed on top of imgC and imgC is on top of imgB.
Code all mandatory attributes.
Given a choice, always use a property instead of an attribute.
Step by step
Solved in 2 steps