LearningCC wrote:
Jon Fritz II wrote:
Look to your own observation about floating an image with text.
When you float only the image, the other adjacent content (the text) reflows according to the new location of the floated element. The same is true when you float only one of your container elements, the other container will reflow according to the new location of the floated element.
But in the example above (which isactuallythis: How to make and style a web page in Dreamweaver | Adobe Dreamweaver CC tutorials) - when you use float: left just on article element - article and asideare notnext to one another, and when you use float on both elements - then they willbe on the same line?
Best principles to use is IF you want 2 containers to sit side by side is to use float on both.
The image example you cite is correct. If you want text just to flow around an image which is inserted into the text then you just float the image. If you want text and image to sit side by side then you use float on both and both would be in their own containers.