Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div style="width: 33.34%; height: 200px; background-color: red; float: left;">A</div>
    <div style="width: 33.33%; height: 200px; margin-left: auto; background-color: blue; float: left;">B</div>
    <div style="width: 33.33%; height: 200px; margin-right: auto; background-color: green; float: left;">C</div>
	<div style="width: 16.66%; height: 400px; margin-right: auto; background-color: orange; float: left;">D</div>
    <div style="width: 16.66%; height: 200px; margin-right: auto; background-color: palegreen; float: left;">E </div>
	<div style="width: 16.66%; height: 400px; margin-right: auto; background-color: purple; float: left;">F</div>
	<div style="width: 16.66%; height: 200px; margin-right: auto; background-color: khaki; float: left;">G</div>
	<div style="width: 16.66%; height: 400px; margin-right: auto; background-color: peru; float: left;">H</div>
	<div style="width: 16.66%; height: 200px; margin-right: auto; background-color: saddlebrown; float: left;">I</div>
	<div style="width: 16.66%; height: 200px; margin-right: auto; background-color: salmon; float: left;">L</div>
	<div style="width: 16.66%; height: 200px; margin-right: auto; background-color: seagreen; float: left;">div</div>
	<div style="width: 16.66%; height: 200px; margin-right: auto; background-color: skyblue; float: left;">div</div>
	<div style="width: 16.66%; height: 200px; margin-right: auto;background-color: steelblue; float: left;">div</div>
	<div style="width: 50%; height: 200px; margin-right: auto; background-color: tomato; float: left;">div</div>
	<div style="width: 16.66%; height: 200px; margin-right: auto; background-color: yellow;"></div>
</body>
</html>