HTML

Semantic HTML

<header>
  <h1>Your friendly Neighborhood Spiderman!</h1>
</header>
<main>
  
  <p>"With great power, comes great responsibility"</p>
  <p>- Uncle Ben</p>
</main>

* {
  background-color: blue;
  font-family: Arial, sans-serif;
}
header {
  color: red;
  text-align: center;
  padding: 10px;
  border-bottom: 0.5px solid #f0f0f0;
}
aside {
  float: left;
  padding: 0 30px;
  border-radius: 10px;
}
p {
  text-align: center;
  color: white;
  padding: 10px;
}

<header>
  <h1>Your friendly Neighborhood Spiderman!</h1>
</header>
<main>
  
  <aside>
    <img src="https://ik.imagekit.io/d9mvewbju/tr:w-250,h-250/Course/BigbinaryAcademy/Spiderman_ho8aL7B9f.webp">
  </aside>
  <p>"With great power, comes great responsibility"</p>
  <p>- Uncle Ben</p>
</main>