CSS CSS Basics Basic Layout Clearing Floats

Ramesh Kunwar
PRO
Ramesh Kunwar
Pro Student 1,987 Points

float

If we want to display two rows then we use float property and display side by side but what if we want to display 3 or 4 columns side by side?

3 Answers

Tobias Trinkler
Tobias Trinkler
Full Stack JavaScript Techdegree Student 7,680 Points

Hi Ramesh,

I this example he only floats two elements, which means one would be to the left and the other one two the right.

Let's say you would have three or more elements that you want to float next to each other, you would give all of them a float property of left or right.

The effect of giving the a float property right would be that it reverses the order in which the elements are displayed the rest stays the same.

Let me know if that answered your questio!

Ramesh Kunwar
PRO
Ramesh Kunwar
Pro Student 1,987 Points

Yeah but the images and content overlapped to each other.