master

分支 (1)

管理

管理

master

Example
/
line.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>中间线</title>
	<style type="text/css">
		html,body {
			width:100%;
			height:100%;
			margin:0px;
			padding:0px;
		}

		.Line {
			position: relative;
			height: auto;
			text-align: center;
		}

		.Line .centerLine {
			position: absolute;
			background: #d1d2d4;
			height:1px;
			width:100%;
			top:50%;
		}

		.Line .text {
			position: relative;
			display: inline-block;
			background: white;
			padding:0px 15px;
			z-index: 1000;
		}
	</style>
</head>
<body>
<div class="Line">
	<div class="centerLine"></div>
	<span class="text">中间文字中间文字</span>
</div>
</body>
</html>