Guided Notes
Display & Positioning
Block, inline, and inline-block, hiding elements, position, z-index, overflow, and float.
Block, inline, and inline-block
Slide 1 / 5| display | Starts a new line? | Width and height? | Examples |
|---|---|---|---|
| block | Yes, full width | Yes | <div>, <p>, <h1>, <section> |
| inline | No, flows in text | No (ignored) | <span>, <a>, <strong> |
| inline-block | No | Yes | Buttons, badges |
| none | Removed from the page | — | Hidden menus |
| flex / grid | Yes (the container) | Yes | Layouts |