# Div and Span: Boxes with No Meaning

Div and span are plain boxes that say nothing about what they hold, so you use them to group or style content only when no meaningful element fits, and you learn to spot the "div soup" that happens when they're used for everything.

![Codey's cheat sheet for Div and Span: Boxes with No Meaning: Div and span are plain boxes that say nothing about what they hold, so you use them to group or style content only when no meaningful element fits, and you learn to spot the "div soup" that happens when they're used for everything.](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/18ea8318bb0c46e8beb6c371a2689cee.webp)

- Category: HTML
- Level: Apprentice
- Tags: <div>, <span>, Block, html, Inline, Semantic HTML
- Updated: October 31, 2026

Source: https://www.ask-codey.com/cheat-sheets/html-div-and-span-cheat-sheet