About

Inline-Block is a value of the display property.

An inline-level block container is an element that:

• behaves like a block box (ie:
  • respond to block box properties such as float
  • grow in space with its children (will wrap on space level its children while an inline will not)
• is formatted as an atomic inline-level box.

Articles Related

Example

<p>First Paragraph</p>
<p style="column-count: 2;width:30%" >
Second Paragraph is inline (not on a second line) with the first one 
and reacts to block properties such as column-count
</p>

p {
   border:1px solid black;
   display:inline-block;
   padding: 10px
}