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, 1599🔥, 0💬
Popular Posts:
How to make my presentation beautiful by applying a built-in theme provided by Office PowerPoint 200...
How to pause file transfer in FileZilla FTP Client? I want to close the computer in the middle of a ...
How to open a Web Archive (.mht or .mhtml) file correctly in Firefox browser? I converted a word doc...
What are different versions of Microsoft PowerPoint? As of 2016, Microsoft PowerPoint has been relea...
How to unzip a PowerPoint .pptx file? According to Microsoft documentation, a .pptx file is really a...