Let's look at the final project, shown in the following figure. We want to float the image to the left and have the headline and text flow around it:
Let's target that image in CSS. Instead of targeting the image in our selector, let's actually target the image's container, which is this anchor tag with a class of figure:
<a href="#" class="figure">
I don't want to just target the .figure class as my selector because I may use this class on other image containers and may not want them all to be floated. So, let's use a descendant selector based on its parent. Its parent is up at the top of the section, the ...