728x90
결과 화면
css
body{
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.box{
background-color: cadetblue;
color: #fff;
width: 200px;
height: 200px;
text-align: center;
line-height: 200px;
font-size: 2em;
}
html
<body>
<div class="box">box</div>
</body>'프로그래밍-웹 > 반응형웹' 카테고리의 다른 글
| [ flex ] justify-content (0) | 2022.12.30 |
|---|---|
| [ flex ] 부모 요소 / 자식 요소에 사용하는 flex (0) | 2022.12.30 |
| [ 반응형 ] 01. 개발환경 준비하기 (0) | 2022.12.28 |
댓글