<!DOCTYPE html>
<html>
<head>
<style>
.center {
padding: 70px 0;
border: 3px solid green;
}
</style>
</head>
<body>
<h1>垂直居中</h1>
<p>在此例中，我们使用 padding 属性将 div 元素垂直居中：</p>
<div class="center">
<p>我是垂直居中的。</p>
</div>
</body>
</html>