Estoy en la parte de "haga lo que hicimos en el aula" y me emocioné un poco probando cosas del CSS, incorporando cosas que no vimos en clase, je. Cuestión que hice una página con un layout de dos columnas, pero haga lo que haga el footer se queda del lado derecho, como si estuviera metido en la columna derecha, y yo lo quiero en el centro. ¿Cómo corrijo esto?
Código HTML
<!DOCTYPE html5>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Isho Juarez - Illustrator Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<img src="Logo Isho_Mesa de trabajo 1.png" id="logo" alt="Isho's logo, it consists of the word Isho with a capitalized i stylized to make it look like a dragon.">
</header>
<main>
<h1>Isho Juarez</h1>
<h2 id="profesiones">-Illustrator, comic artist, writer-</h2>
<p id="presentacion">Hello! I'm a self taught artist from Argentina. While I mainly do illustration, I'm passionate about comics, and have a couple of published webcomics. I love dragons, and cats. Really should draw them more.</p>
<h2 id="webcomics">My Webcomics</h2>
<div class="row">
<u1>
<div class="column">
<li><a href="https://www.webtoons.com/en/canvas/the-big-bad-wolf-and-the-seven-little-dwarfs/list?title_no=498330"><strong>The Big Bad Wolf and the seven little dwarfs</strong></a></li>
<p>The Big Bad Wolf is waiting in the forest for Little Red Riding Hood to show up, so he can make first contact and then go on with the rest of his story. After coming across Alice from Alice in Wonderland instead, two questions need to be answered: Why are all these kids straying away from their stories? And where in the world is Little Red Riding Hood?</p>
<img src="portada inglés.jpg" id="portadaLobo" alt="Cover of The Big Bad Wolf webcomic. The wolf is in the center, and the silhouwettes of the dwarfs characters are scattered all over the cover.">
</div>
<div class="column">
<li><a href="https://www.webtoons.com/en/canvas/the-interrogation/list?title_no=577534"><strong>The interrogation</strong></a></li>
<p>A last conversation with the eldritch horror entrapped inside the summoning circle.</p>
<img src="1.jpg" id="portadaInterrogatorio" alt="The cover of The Interrogation webcomic, which is also the first panel of the webcomic. The main character sips tea, while a demon sits on the floor, trapped inside a magic cricle.">
</div>
</u1>
</div>
</main>
<footer>
<div class="row">
<h3>Contact info:</h3>
<p id="mail">isho_juarez@hotmail.com</p>
</div>
</footer>
</body>
</html>
Código CSS
body{
background-color: #d7cdf0;
}
#logo{
display: block;
height: 200px;
width: 200px;
margin-left: auto;
margin-right: auto;
}
h1{
color: #7653cc;
text-align: center;
font-family: "Riffic Free";
font-size: 80;
line-height: 0.1;
}
#profesiones{
color: #7653cc;
text-align: center;
font-size: 40;
}
#presentacion{
margin:auto;
width: 1000px;
text-align: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 18;
}
#webcomics{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 30;
}
p{
width: 600px;
}
#portadaLobo{
display: block;
height: auto;
width: 200px;
margin-left: auto;
margin-right: auto;
}
#portadaInterrogatorio{
display: block;
height: auto;
width: 200px;
margin-left: auto;
margin-right: auto;
}
.column{
float:left;
width: 50%;
padding-bottom: 200px;
}
footer{
margin-left: auto;
margin-right: auto;
}
#mail{
margin-left: auto;
margin-right: auto;
}
