관리 메뉴

moozi

박스 수직 가운데 정렬 하기 본문

TIS_2016/HTML5_3기

박스 수직 가운데 정렬 하기

moozi 2016. 7. 20. 16:49

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>example</title>

    <style>

        *{margin: 0;padding:0;}

        #box{

          position:absolute;

          top:50%;

          left:50%;

          width:200px;

          height:200px;

          background:#f00;

          margin:-100px 0 0 -100px;

        }

    </style>

</head>

<body>

    <div id="box">안녕하세요?</div>

</body>

</html>

'TIS_2016 > HTML5_3기' 카테고리의 다른 글

7/21 bootstrap02.html  (0) 2016.07.21
html연습문제1~5 풀이  (0) 2016.07.21
7/20 수업 예제 파일  (0) 2016.07.20
html연습문제05  (0) 2016.07.20
7/20 media02.html  (0) 2016.07.20
Comments