📄 Estrutura HTML (index.html)
<!DOCTYPE html>: Define que o documento segue o padrão HTML5.

<html lang="pt-BR">: Indica que o idioma da página é português do Brasil.

<head>: Contém metadados da página:

charset="UTF-8" → garante suporte a acentos e caracteres especiais.

viewport → torna a página responsiva em dispositivos móveis.

<title> → título exibido na aba do navegador.

<link rel="stylesheet" href="style.css"> → conecta o arquivo CSS externo.

<body>: Onde o conteúdo visível aparece:

<h1> → título principal: "Tech Store".

<h2> → subtítulo: "Produtos".

<ul class="produtos"> → lista não ordenada com a classe produtos.

Cada <li> representa um produto.

Dentro de cada <li>, há um <span> que mostra o preço.

------------------------------

🎨 Estilo CSS (style.css)
body:

Fonte padrão: Arial.

Margem de 40px em volta do conteúdo.

.produtos (a lista):

list-style: none; → remove os marcadores padrão da lista.

padding: 0; → elimina espaçamento interno.

width: 400px; → define largura fixa.

.produtos li (cada item da lista):

padding: 15px; → espaçamento interno.

margin-bottom: 10px; → separação entre os itens.

background-color: #eeeeee; → fundo cinza claro para destacar os produtos.

.produtos span (preço):

float: right; → posiciona o preço à direita do item.

font-weight: bold; → deixa o preço em negrito.