Question: Modify the CSS below to float to the right the first image with floatright class, to float to the left the second image with floatleft

Modify the CSS below to float to the right the first image with floatright class, to float to the left the second image with floatleft class, and to clear floating elements on both sides of the p element with nofloats class. body {
font: 10pt monospace;
}
img {
width: 160px;
padding: 2px;
border: 1px solid gray;
margin: 5px 10px;
}
img.floatright {
/* add CSS here */
}
img.floatleft {
/* add CSS here */
}
.nofloats {
/* add CSS here */
}

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!