Добавить блоки с левой и правой стороны (урок №3)

<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body style="margin: 0px;"> 
	<div style="height: 100px; border: 1px solid black"></div>
	<div style="height: 200px; padding: 0px 50px;">
		<div style="height: 50px; border: 1px solid black; width: 20%; float: left;margin-top: 70px;margin-left: 20px;"></div>
		<div style="height: 40px; border: 1px solid black; width: 60%; float: right;margin-top: 70px;margin-right: 20px;"></div> 

			<div style="width: 300px; height: 300px; border: 1px solid black; float: left; margin: 70px 10px; clear: both"></div>
			<div style="width: 300px; height: 300px; border: 1px solid black; float: left; margin: 70px 340px;"></div>
			<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px;"></div>

			<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px; clear: both"></div>
			<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px; clear: both"></div>

<div style="height:100px"></div>
<h1>Vestibulum volutpat sem non diam egestas</h1>

<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>

	</div>

</body>
</html>