<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>MegaCaballero</title>
<style>
body {
background-color: black;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
.container {
text-align: center;
border: 2px solid white;
padding: 20px;
max-width: 600px; /* Ajusta según tus necesidades */
}
.h11 {
color: white;
}
img {
height: 300px;
border: 5px solid white; /* Ajusta según tus necesidades */
border-radius: 15px; /* Ajusta según tus necesidades */
margin: 20px 0; /* Espaciado alrededor de la imagen */
}
.h22 {
color: white;
}
ul {
list-style: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class=“container”>
<div class=“h11”>
<h1>MegaCaballero</h1>
</div>
<img src=“maxresdefault.jpg” alt=“MegaCaballero”>
<div class=“h22”>
<h2>Cualidades:</h2>
<ul>
<li>Daño de área: 222</li>
<li>Daño de salto: 444</li>
<li>Daño por generación: 444</li>
<li>Daño por segundo: 130</li>
<li>Puntos de Vida: 3300</li>
<li>Velocidad: media</li>
<li>Velocidad de Ataque: 1.7 segundos</li>
<li>Objetivos: terrestres</li>
</ul>
</div>
</div>
</body>
</html>
