* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

질문 내용

margin: auto; 를 이용해서 가운데 정렬 하는 방법을 배웠는데,

여기서 아이디, 패스워드 입력창과 로그인 버튼도 통째로 가운데 정렬 하고싶으면

어떻게 코드를 입력하면 될지 궁금해요!!!

우선 저는

<p>ID: <input type="text" /></p>
<p>PW: <input type="text" /></p>
<p><button> 로그인하기</button></p>

이부분을 <div class="mytext">로 묶고

<style>에서

.mytext
{
    margin: auto;
}

이렇게 추가해주면 될거라 생각했는데 꿈쩍도 하지 않아서요ㅠ ㅠ

전체 화면 캡처

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!