项目作者： sureshalagarsamy

项目描述：
html-div-inside-div-vertical

高级语言： CSS

项目主页：

项目地址: git://github.com/sureshalagarsamy/html-div-inside-div-vertical.git

创建时间： 2017-06-16T06:43:31Z
项目社区：https://github.com/sureshalagarsamy/html-div-inside-div-vertical
开源协议：
下载

Div inside div vertically center

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Div inside div vertical and horizontally center</title>
</head>
<body>
<div class="parent">
  <div class="child">test</div>
  </div>
</body>
</html>

CSS

div.parent {
    display: table-cell;
    width: 200px;
    height: 200px;
    background: #FFF;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #BBB;
}
div.child {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #DDD;
    border: 1px solid #999;
}

Output

ScreenShot


