/* index.css */
body {
    border: 2px solid;
    display: flow-root; /* Creates a new block formatting context */
}

#img1 {
    float: left; /* Floats the first image to the left */
    margin-right: 10px; /* Adds space to the right of the image */
}

#img2 {
    float: right; /* Floats the second image to the right */
    margin-left: 10px; /* Adds space to the left of the image */
}

/* Clearfix to ensure the container wraps floated elements */
p {
    clear: both; /* Ensures paragraphs don't overlap floated images */
}