
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
기존 예시 문제에서 나만의 페이지 만들어보려고 하고 있는데 padding 이 먹지 않아서 문의드립니다.
padding 수치가 잘못된건지 아무리 바꿔도 먹지가 않고, 글씨가 계속 맨위에 붙어있네요 ㅠㅠ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>멜로디 로그인</title>
<style>
.mytitle {
width: 300px;
height: 350px;
color: white;
border-radius: 10px;
background-image: url("https://image.ajunews.com/content/image/2018/12/06/20181206162734973941.jpg");
background-position: center;
background-size: cover;
text-align: center; // 못 외웠으니까 외우기!
padding-top: 50px;
}
</style>
</head>
<body>
<div class="mytitle">
<h1> 멜로디 로그인 </h1>
<h5>아이디, 비밀번호를 입력해주세요</h5>
</div>
<p> ID: <input></input></p>
<p> PW: <input></input></p>
<button>로그인하기</button>
</body>
</html>
