Box Model & Layout

CSS Inline-block

A hybrid of inline and block behaviors.

1Best of Both Worlds

Flows like text (inline) but allows width/height setting (block).

Example Code

.box {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: blue;
}

Finished reading?

Mark this topic as complete to track progress.