반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.sub {
display: flex;
width: 100%;
}
.subDiv {
width: 100%;
border: 1px solid;
align-self: center;
text-align: center;
}
</style>
</head>
<body>
<div class="sub">
<div class="subDiv">
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
</div>
<div class="subDiv">
<p>2</p>
<p>2</p>
<p>2</p>
</div>
</div>
<div class="sub">
<div class="subDiv">
<p>3</p>
<p>3</p>
<p>3</p>
</div>
<div class="subDiv">
<p>4</p>
<p>4</p>
<p>4</p>
<p>4</p>
</div>
</div>
</body>
</html>반응형
'HTML CSS' 카테고리의 다른 글
| opener.location.reload() - 팝업창을 띄운 부모창 새로고침 (0) | 2022.01.24 |
|---|---|
| CSS 텍스트 드래그 선택 금지 | CSS Disable Text Selection (0) | 2020.12.07 |
| 레이아웃 관련 메모 (0) | 2020.08.19 |
| CSS 글자 밑 호버 이펙트 (Bottom Border Hover Effect) (0) | 2020.08.17 |
| 전환효과 있는 가로 크기 100% 이미지 수동 가로 슬라이드 (0) | 2020.08.10 |