Categories:
Cloud (204)
Entertainment (11)
Facebook (43)
General (50)
Life (31)
Programming (64)
Technology (398)
Testing (4)
Tools (488)
Twitter (5)
Wearable (26)
Web Design (44)
Collections:
Other Resources:
"display: inline-block" CSS Property
What is "display: inline-block"? How to use it on block elements?
✍: FYIcenter.com
An "inline-block" element will be displayed inline with other sibling elements. But itself will be maintained as a block respecting the block box model.
The "display: inline-block" property is very useful for displaying a set of block elements horizontally and allowing the browser to wrap them based on the width of the parent element. This makes your Web page responsive to the device size.
Here is an example to compare "display: inline-block" with "display: inline" and "display: block".
1. Using "display: inline-block" for 5 div blocks:
2. Using "display: inline" for 5 div blocks:
2. Using "display: block" for 5 div blocks:
2015-05-17, 1620🔥, 0💬
Popular Posts:
How to turn on debug messages in log file in FileZilla FTP Client? I want to know more about how Fil...
Why I am getting the "run or save ChromeSetup.exe" pop up box when trying to install Google Chrome 3...
What do those Fitbit icons mean? Over the years, Fitbit has used a number of icons on their wearable...
What browser to use to cast Website and video to Chromecast devices on my iPhone and iPad? On your i...
How to troubleshoot Fitbit device sync issue? My Fitbit device is connected to my Windows computer, ...