Code the following using HTML/CSS CSS and placing images on the page: Create a H
ID: 3788160 • Letter: C
Question
Code the following using HTML/CSS CSS and placing images on the page: Create a HTML page, and place three images on it. The first and last images should be against the left margin. The middle one should be against the right margin. Use CSS (only) to position your pictures. You can use the clear style property to "push down" an entry until the margin is clear. For example, will force a paragraph downward on the page until the margin at the right is clear. Similarly, will force the paragraph downward until the left margin is clear. Do not forget about the float property for images. Be sure to determine the intrinsic ("natural") size of the images and include all the required attributes for your tag. Each picture should have a one- or two-sentence text description, such as you would find in a catalog.Explanation / Answer
<!DOCTYPE html>
<html>
<head>
<style>
.img1 {
float: left;
margin-left:10%;
}
.img2 {
float: right;
margin-right:10%;
}
.img3 {
float: left;
margin-left:10%;
}
</style>
</head>
<body>
<p>This image1 discription</p>
<img src="logocss.gif" width="95" height="84" class="img1"/>
<p>This image2 discription</p>
<img src="logocss.gif" width="95" height="84" class="img2"/>
<p>This image3 discription</p>
<img src="logocss.gif" width="95" height="84" class="img3"/>
</body>
</html>