CSS CSS Layout Basics CSS Layout Project Column Layout with Media Queries

Amandeep Pasricha
Amandeep Pasricha
14,931 Points

Why does the third column stay on its own line, while the two columns are able to float together?

Hi, I just wanted to know the logic of why the two columns were able to stay inline together, while the third columns stayed below when you applied float left. In this example, both were 50%. But what if you set the width to something even smaller, could all three columns technically go to the same line?

1 Answer

Steven Parker
Steven Parker
204,019 Points

As long as the total width of all the floats is less 100% or less, they should all appear on the same line.