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

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

(mypost)에서 입력 창은 마진으로 가운데 정렬을 하고, btn은 flex로 가운데 정렬을 하는데,

두가지 차이점과 어떨 때 쓰는게 더 유리한지 궁금합니다.

작성한 코드 및 에러 메세지

.mypost {

            width: 500px;

            margin: 20px auto 20px auto;

            padding: 20px 20px 20px 20px;

            box-shadow: 0px 0px 3px 0px gray;

        }

        .mybtn {

            display: flex;

            flex-direction: row;

            align-items: center;

            justify-content: center;

            margin-top: 20px;

        }

<div class="mypost">

        <div class="form-floating mb-3">

            <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">

            <label for="floatingInput">영화URL</label>

        </div>

        <div class="form-floating">

            <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>

            <label for="floatingTextarea">코멘트</label>

        </div>

        <div class="mybtn">

            <button type="button" class="btn btn-dark">기록하기</button>

            <button type="button" class="btn btn-outline-dark">닫기</button>

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

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

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