styles.css

.header {
	padding: 15px;
	background-color: #2980b9;
	color: #fff;
	height: 80px;
	font-size: 44px;
}
.navigasi {
	background-color: #333; /*Pasti sudah taukan ?*/
	height: 50px; /*Pasti sudah taukan ?*/
}
.navigasi li {
	float: left; /*memposisikan dari sebelah kiri*/
	background-color: #999;
	padding: 15px; /*Dari posisi samping kiri kanan atas bawah tarik kedalam sebanyak 15 pixel*/
	margin-left: 5px; /*Jarak dari sebelah kiri dari luar sebanyak 15pixel*/
}
.navigasi li:hover {
	float: left; /*memposisikan dari sebelah kiri*/
	background-color: #ddd; /*Pasti sudah taukan ?*/
	padding: 15px; /*Dari posisi samping kiri kanan atas bawah tarik kedalam sebanyak 15 pixel*/
}
.navigasi li a {
	color: #333; /*Pasti sudah taukan ?*/
	font-weight: bold; /*Membuat font tebal*/
}
.sidebar {
	width: 20%; /* agan bisa mengganti dengan pixel atau % persen 🙂 */
	float: left;
	padding: 15px;
	background-color: #ddd;
}
.content {
	width: 75%;
	float: right;
	background-color: #fff;
	padding: 15px;
}