Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Imagem Centralizada</title>
</head>
<body style="margin: 0; padding: 0; text-align: center; background-color: #f0f0f0;">

    <div style="width: 90%; margin: 20px auto; text-align: center;">
        <div style="width: 100%; max-height: 200px; overflow: hidden; margin: 0 auto;">
            <img src="https://i.postimg.cc/8zv25mb2/GIFuniverso-TOTVS.gif" alt="Universo TOTVS GIF" style="max-width: 100%; height: auto;">
        </div>
    </div>

    <div style="width: 90%; margin: 20px auto; text-align: center;">
        <h2 style="margin-bottom: 20px; font-size: 24px;">Palestrantes</h2>
        <div style="display: inline-block;">
            <img src="https://i.postimg.cc/28g5MT6M/juliano-Foto.png" alt="Palestrante 1 - Juliano" style="width: 100px; height: 100px; border-radius: 50%; margin: 0 10px; object-fit: cover;">
            <img src="https://i.postimg.cc/8kJcHqkM/silvano-Foto.png" alt="Palestrante 2 - Silvano" style="width: 100px; height: 100px; border-radius: 50%; margin: 0 10px; object-fit: cover;">
        </div>
    </div>

</body>
</html>
      

Algumas Configurações básicas costumam ficar esquecidas:
 <h2 style="margin-bottom: 20px; font-size: 24px;">Palestrantes</h2> <div style="display: inline-block;"> <img src="https://i.postimg.cc/28g5MT6M/juliano-Foto.png" alt="Palestrante 1 - Juliano" style="width: 100px; height: 100px; border-radius: 50%; margin: 0 10px; object-fit: cover;"> <img src="https://i.postimg.cc/8kJcHqkM/silvano-Foto.png" alt="Palestrante 2 - Silvano" style="width: 100px; height: 100px; border-radius: 50%; margin: 0 10px; object-fit: cover;"> </div> </div>

Image Added