기초적인 질문드립니다. ㅡ.ㅡ
본문
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; 를 맞춰주시면 가운데 정렬이 됩니다.