方法四：div或文字水平垂直居中

编辑代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>如何让元素或文字水平垂直居中</title>
<style>
.parent {
    height: 200px;
    width: 400px;
    text-align: center;
    background:red;
}
.parent .child {
    line-height: 200px;
}
</style>
  </head>
<body>
  <div class="parent">
    <div class="child">如何让元素或文字水平垂直居中</div>
  </div>

</body>
</html>