Categories:
Cloud (161)
Entertainment (11)
Facebook (43)
General (16)
Life (30)
Programming (33)
Technology (224)
Testing (4)
Tools (431)
Twitter (5)
Wearable (26)
Web Design (9)
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, 1069👍, 0💬
Popular Posts:
What contents are stored in a Web Archive (.mht) file? When you convert a word document into a singl...
How to add more rows to a table in Microsoft Word documents? One quick way to add rows to a table is...
How to create two columns in Microsoft Word documents? If you want to make a part of a Word document...
How to create a macro in Microsoft Word? I want to learn how to do things in my Word document with V...
What is the difference between a Web page and a Single File Web Page? Word supports 2 Web page forma...