<body>
	body
	<header>
		<div>
			div
			<h4>h4</h4>
		</div>
	</header>
</body>
body {
	width: 100%;
	height: 100%;
	margin: auto;
	background : #999;
}

haader {
	postion: relative;
	/*positionの基準をheaderに*/
}

header div {
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	/*中央に揃えてbodyに対して90%の幅で表示*/
	
	position: absolute;
	top: 0;
	height: 200px;
	background: #888;
}

header div h4 {
	left: 0;
	right: 0;
	margin: auto;
	width: 60%;
	/*中央に揃えてdivに対して6
	0%の幅で表示*/
	
	position: absolute;
	top: 0;
	height : 100px;
	background: #777;
}
/*
	left: 0;
	right: 0;
	margin: auto;
	で中央揃えします。
*/ 

/*
http://nknkt.hatenablog.com/entry/2017/01/14/170808
*/
Rerun