CSS
[CSS] 텍스트 수직 수평 정렬
힘없는염소
2018. 9. 11. 10:39
<!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>
반응형