<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<style type="text/css">
.wrap {
width: 640px;
height: 240px;
margin: 50px auto;
background: #eee;
}
.msg {
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}
</style>
</head>
<body>
<div class="wrap">
<div class="msg">
안녕하세요
<br> 반갑습니다. ㅎㅎㅎㅎㅎㅎ
</div>
</div>
</body>
</html>
반응형
'CSS' 카테고리의 다른 글
| [CSS] input placeholder 색상 변경 (0) | 2019.03.08 |
|---|---|
| [CSS] 이미지 수직 수평 정렬 (0) | 2018.09.11 |
| [CSS] background hover 이미지 scale 확대 축소 transform (0) | 2017.09.18 |
| [CSS] background-image opacity - 배경이미지 투명도 적용하기 (2) | 2017.01.06 |
| [CSS] 텍스트 그라디언트 넣기 - css text color gradient (0) | 2017.01.05 |
