A caixa organizadora

A <div> é uma caixa genérica que agrupa outros elementos. Ela não muda a aparência sozinha — serve para organizar e depois estilizar em bloco.

<div>
  <h2>Planta Aurora</h2>
  <p>R$ 25</p>
  <button>Comprar</button>
</div>

Aqui, o <h2>, o <p> e o <button> formam um cartão de produto — a <div> os mantém juntos como um grupo.

🧠 Modelo mental: a <div> é uma caixa de papelão. Sozinha, é invisível; mas você pode juntar coisas nela e depois "pintar a caixa inteira" com CSS. É a peça de montar mais usada do HTML.