기초적인 질문드립니다. ㅡ.ㅡ

기초적인 질문드립니다. ㅡ.ㅡ

QA

기초적인 질문드립니다. ㅡ.ㅡ

답변 2

본문

width 1200픽셀 페이지에 버튼 하나를 만들려고 합니다. 가운데 정렬이 되어야 하구요.
가로는 225픽셀이구요 세로는 50픽셀 입니다. css로 부탁드립니다 ㅠㅠ
 

이 질문에 댓글 쓰기 :

답변 2

음.. 질문에 답변이 맞나 모르겠네요

 

html

    <div class="container">
        <div class="btn-wrap">
            <a href="#none">자세히 보기</a>
        </div>
    </div>
 

css코드는

    .container {
        max-width: 1200px;
        margin: 50px auto;
    }

    .btn-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    a{
        display: block;
        width: 225px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #333;
        color: #fff;
        text-decoration: none;
        border-radius: 25px;
    }
 

<div style="width:1200px;">

<button style="width:220px;height:50px;margin:0 auto;">버튼</button>

</div>

 

inline 이 아닌 block 요소는 margin:0 auto; 로 하시면 가운데 정렬이되고

inline 요소는 상위 엘리먼트에 text-align:center; 를 맞춰주시면 가운데 정렬이 됩니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 7
© SIRSOFT
현재 페이지 제일 처음으로