HTML Code - index.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css"></link>
</head>
<body>
<div id="myList">
<h1>The best movies according to the group</h1>
<ul>
<li>Wonder</li>
<li>Spiderman: Into the Spiderverse</li>
<li>Super Mario Bros</li>
<li>Guardians of the Galaxy Vol III</li>
<li>Hotel Transylvania 2</li>
<li>Home Alone</li>
<li>Night at the Museum</li>
<li>The Goonies</li>
<li>Star Wars Saga</li>
<li>Alien</li>
<li>Spiderman: Across the Spiderverse</li>
<li>Venom</li>
<li>Every Spiderman movie</li>
<li>Avengers: Infinity War and Endgame</li>
<li style="padding-bottom: 20px;">GhostBusters</li>
</ul>
</div>
<img src="https://hips.hearstapps.com/hmg-prod/images/spiderman-rankings-1639764981.jpg" style="max-width:550px; margin-left: 100px;">
</body>
</html>
CSS Code - styles.css
body{
background-color: bisque;
}
#myList{
background-color: beige;
}
h1{
color: blueviolet;
font-size: 50px;
text-align: center;
}
li{
font-size: 30px;
margin-left: 150px;
margin-top: 20px;
}