Personally, I would suggest new comers avoid using floats - they're old school and unnecessary from a basic approach when it comes to building layouts. They cause more headaches when you haven't yet grasped the behaviour, and are left yelling at a screen when elements are over lapping and doing weird things!
Stick with display: inline-block! There can be some caveats with multiple elements in the same parent using this property but once you set the parent to font-size: 0 (my preferred method) - you'll feel much better!
I came to front end interview with react redux background waiting to show my epic knowledge. And 1st thing I got asked was difference between inline and inline-block. I figured it out yet I understood that I'm missing basics. Thanks for completely clearing this out.
videos like these are great! i was very confused when i first started learning the float properties, dabbled with it, got more confused, watch more videos, got better, exercised with float more, then watched this video. practice + watching videos help embed these concepts. thanks for this!
Download the appropriate system image for your device below, then unzip it to a safe directory.
Connect your device to your computer over USB.
Start the device in fastboot mode with one of the following methods:
Using the adb tool: With the device powered on, execute:
Using a key combo: Turn the device off, then turn it on and immediately hold down the relevant key combination for your device.
If necessary, unlock the devices bootloader using one of the following methods:
If you are updating a Nexus or Pixel device that is manufactured in 2015 or later (for example, a Nexus 5X, Nexus 6P, Pixel, Pixel XL, Pixel 2 or Pixel 2 XL device), run this command:
For Pixel 2: To flash the bootloader, Pixel 2s boot loader must be updated to at least Oreo MR1s version first. This may be done by applying an over-the-air (OTA) update, or sideloading a full OTA with the instructions on that page.
For Pixel 2 XL only with loader version prior to TMZ20a: the critical partitions may also need to be unlocked before flashing. The unlock can be performed with this command, and should NOT be done on other devices:
If you are updating an older device, run this command:
The target device will show you a confirmation screen. (This erases all data on the target device.)
See Unlocking the bootloader for more detailed instructions.
Open a terminal and navigate to the unzipped system image directory.