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, 1521👍, 0💬
Popular Posts:
How to download Mozilla Firefox 2.0? If you want to try Mozilla Firefox 2.0, you can follow this tut...
How to update TOC (Table Of Content) for a FrameMaker book? I have make changes in some chapters. Yo...
Where to find answers to frequently asked questions about Fitbit devices? Here is a collection of fr...
What are different versions of Microsoft PowerPoint? As of 2016, Microsoft PowerPoint has been relea...
Where to find answers to frequently asked questions about Microsoft Office 365? Here is a collection...