.main{
    margin: auto;
}
.
.
.
<div class="main">
    <p>ID: <input type="text"/></p>
    <p>PW: <input type="text"/></p>
    <button class="loginpage">로그인하기</button>
</div>

ID,PW,로그인 하기 버튼을 가운데로 옮기고싶은데 헤더부분에서 조정해도 안먹히는 이유가 무엇인지 모르겠어요! 그리고 어떻게 해야 하나요?