Fechado, Fafá! Aqui vai tudo separadinho, como você pediu — HTML e CSS em blocos distintos pra facilitar sua vida: ?? HTML (estrutura da página) Copiar Código

Exemplo de Código


function saudacao() {
  console.log("Olá, Fafá!");
}
saudacao();

?? ?? CSS (estilos visuais) /* estilos.css */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; } .container { background: white; padding: 20px; border-radius: 8px; max-width: 600px; margin: auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); } pre { background: #272822; color: #f8f8f2; padding: 15px; border-radius: 5px; overflow-x: auto; } button { margin-top: 10px; padding: 10px 15px; background-color: #0078D4; color: white; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #005a9e; } #mensagem { margin-top: 10px; font-weight: bold; color: green; }