html运行实例（css_align_line-height）-搜寻教程库

代码示例：（标识：css_align_line-height）

<!DOCTYPE html>
<html>
<head>
<style>
.center {
  line-height: 200px;
  height: 200px;
  border: 3px solid green;
  text-align: center;
}

.center p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}
</style>
</head>
<body>

<h1>居中</h1>

<p>在此例中，我们使用 line-height 属性，其值等于 height 属性，以使 div 元素居中：</p>

<div class="center">
  <p>我是垂直和水平居中。</p>
</div>

</body>
</html>