I am currently at Responsive Web Design > Learn Responsive Web Design by Building a Piano > Step 17 ( https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-17 )
It looked like this before I added " float: left; "
Then a bunch of keys appeared
Why does this happen after I add " float: left; ", like what is the reasoning behind this?
Thank you in advance for the help
Edit: After using inspect on the browser I noticed that the elements where on top of each other going down the page but I still don`t understand why " float: left; " made them align left to right