div多行文本垂直居中.html

<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
	</head>
	<style>
		.middle-box{
			display: table; /*重点*/
			height: 300px;border: 1px solid #000;
		}
		/*重点：table-cell布局*/
		.middle-inner{
			display: table-cell;
			vertical-align:middle;
			text-align:center;
		}
	</style>
	<body>
		<div class="middle-box">
			<div class="middle-inner">
				<p> 
					<span class="suc-tip">前端开发</span><br/> 
					<span class="suc-link">快捷入口：<a href="">快捷入口：</a></span>
				</p>
				<p>
					<span >5年的老博客</span>
				</p>
			</div>
		</div>
	</body>
</html>