Olá, tudo bem?
A tag <div> é um elemento HTML que serve como um recipiente para outros elementos. Ela é usada para agrupar elementos para estilização (com CSS) ou para realizar operações com JavaScript neles.
No seu código, a tag <div> está sendo usada para agrupar o título <h1>, a imagem <img> e o link <a>. No entanto, ela parece estar incompleta, pois não está fechada. Para que seu código funcione corretamente, você deve fechar a tag <div> após o link <a>. Veja como ficaria:
<body>
<section class="principal container">
<div>
<h1>Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
<img src="img/Combo.png" alt="O combo+ é a junção do alura+ e o alura língua">
<a href="www.alura.com.br" class="container__botao">Assine por 12x de R$ 120,00*</a>
</div>
</section>
</body>
Se a tag <div> não estiver sendo usada para estilização ou manipulação com JavaScript, ela pode ser removida sem problemas. No entanto, é sempre bom usar tags como <div>, <section>, <article> etc., pois elas ajudam a organizar o código e torná-lo mais legível.
Espero ter ajudado e bons estudos!