[PAGE TITLE]

DONT ADD ANYTHING HERE!

    <figure id="img2">
        <figcaption>Grab Coffee</figcaption>
        <img src="../images/myBlueSquare100_100.png" 
             alt="Blue Square">
    </figure>

    <figure id="img1">
        <figcaption>Stop the Car</figcaption>
        <img src="../images/myRedSquare2.png" 
             width="100" 
             alt="Blue Square">
    </figure>

    <figure id="img3">
        <figcaption>Take Nap</figcaption>
        <img src="../images/myOrangeSquare2.png" 
             width="100" 
             alt="Blue Square">
    </figure>

Probelm

Rearrange the above figures in the order

Stop the car (Red)
Grab a coffee (Blue)
Take a nap (Orange)

Solution One

css

    #img1 {
      float: left;
    }

Solution Two

css

    .figure {
      float: left;
    }

    #img2,
    #img3 {
      float: none;
    }

References

ecollege exam question