Images - Week 5

←Back

I have resized the image on this page in my CSS, otherwise it would take up a large area on screen.
You can see the original image by clicking this link: Cat Pirate

You can also learn more about how the CSS float property works by going HERE.


Float Left

This is an example of an image floating left. I'll add some more text so you can really see how it works.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem praesentium quibusdam ullam optio beatae. Esse laudantium dolorem vero quo quas inventore itaque ea, accusantium labore aliquid hic, alias aperiam praesentium rem, non consequatur doloremque harum necessitatibus nihil cupiditate ex commodi maxime? Delectus repudiandae sapiente rerum sunt id sequi repellendus laborum consequatur magnam consectetur nisi, libero modi tenetur sint ad quia aspernatur quidem cupiditate in quasi sed minima illo. Voluptate tenetur eius omnis excepturi ratione.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo consequatur quod assumenda officia cupiditate voluptatem ad reiciendis quae earum ipsam accusantium, doloremque, optio quos similique rerum numquam illo deleniti accusamus fuga impedit quia facilis! Nemo, aspernatur!

Change your screen width to really see how this works!


Float Right

This is an example of an image floating left. I'll add some more text so you can really see how it works.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem praesentium quibusdam ullam optio beatae. Esse laudantium dolorem vero quo quas inventore itaque ea, accusantium labore aliquid hic, alias aperiam praesentium rem, non consequatur doloremque harum necessitatibus nihil cupiditate ex commodi maxime? Delectus repudiandae sapiente rerum sunt id sequi repellendus laborum consequatur magnam consectetur nisi, libero modi tenetur sint ad quia aspernatur quidem cupiditate in quasi sed minima illo. Voluptate tenetur eius omnis excepturi ratione.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo consequatur quod assumenda officia cupiditate voluptatem ad reiciendis quae earum ipsam accusantium, doloremque, optio quos similique rerum numquam illo deleniti accusamus fuga impedit quia facilis! Nemo, aspernatur!