CSS - Inline-Block
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
}