Clear both css

+------------+ +--------------------+
|            | |                    |
| float:left | |   without clear    |
|            | |                    |
|            | +--------------------+
|            | +--------------------+
|            | |                    |
|            | |  with clear:right  |
|            | |  (no effect here,  |
|            | |   as there is no   |
|            | |   float:right      |
|            | |   element)         |
|            | |                    |
|            | +--------------------+
|            |
+------------+
+---------------------+
|                     |
|   with clear:left   |
|    or clear:both    |
|                     |
+---------------------+

Source: stackoverflow.com

Similar codes

0 vote149 views1 answer
Make an anchor tag inactive
CSS
0 vote189 views1 answer
Nuxt page transition
CSS
5 votes197 views1 answer
1 line darkmode css
CSS
0 vote158 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
0 vote201 views1 answer
Fixed div with scrollable content
CSS
0 vote236 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
37 votes154 views5 answers
Display css
CSS
0 vote158 views1 answer
How to set box into another box using html and css
CSS
0 vote199 views1 answer
Css hot to center image in bootsrtap container
CSS
76 votes190 views6 answers
Display flex css
CSS