Centre Div pure Css

by Varun Nath

HTML

<div class="wrapper">
	<div class="content">
		
		<h1>
			data
		</h1>
	</div>
</div>

CSS

*	{margin:0;padding:0;}
.wrapper{
border:1px solid green;
margin-top:50px;
height: 200px;
}

.content{
	margin-top:50px;
	border:1px solid black;
	position:relative;
	height:100px;
}
.content h1{

position:absolute;
top:50%;
left:50%;
height:50px;
color:white;
vertical-align:middle;
background-color:black;
margin-top:-20px;
}