<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>pr_movie</title>
<style>
#prMovie {
margin: 50px auto;
width: 1500px;
height: 520px;
position: relative;
}
#prMovie h1 {
color: #fff;
position: absolute;
left: 50px;
top: 10px;
text-transform: uppercase;
}
#prMovie .play {
margin-left: -50px;
margin-top: -50px;
position: absolute;
left: 50%;
top: 50%;
}
</style>
</head>
<body>
<div id="prMovie">
<h1>pr movie</h1>
<img src="./images/pr_movie.jpg" alt="pr_movie image">
<a class="play" href="#"><img src="./images/play.png" alt="play button image"></a>
</div>
</body>
</html>
Engineering is the closest thing to magic that exists in the world.