<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>