为什么"左对齐"没垂直居中显示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.news{
width: 500px;
height: 400px;
background: pink;
}
.title{
height: 80px;
background: red;
}
.title-left{
width:70%;
font-size: 22px;
color: white;
font-family: "华文行楷";
padding-left: 12px;
line-height: 80px;
float: left;
}
.title-right{
width: 20%;
float: right;
line-height: 80px;
}
</style>
</head>
<body>
<div class="news">
<div class="title">
<h1 class="title-left">左对齐</h1>
<span><a href="#">more>></a></span>
</div>
</div>
</body>
</html>
