fawkeswei · December 15, 2015 05:39
diff --git a/align_center_test.html b/align_center_test.html
 <!DOCTYPE html>

 <style type="text/css">
  .container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: green;
  }

  .title {
    position: relative;
    width: 200px;
    height: 200px;

    margin: -100px 0 0 -100px;
    left: 50%;
    top: 50%;

    background-color: blue;
  }
 </style>

 <div class="container">
  <div class="title">This is some header</div>
 </div>
	<!DOCTYPE html>

	<style type="text/css">
	.container {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: green;
	}

	.title {
	position: relative;
	width: 200px;
	height: 200px;

	margin: -100px 0 0 -100px;
	left: 50%;
	top: 50%;

	background-color: blue;
	}
	</style>

	<div class="container">
	<div class="title">This is some header</div>
	</div>