CSS help me placing these divs please

Question

I have been having fun with CSS lately. Learning different things.

I'm trying to place three divs like this: https://i.sstatic.net/miN9G.png

What I get: https://i.sstatic.net/eST25.png

(Need to post images as link. need more rep. I'll fix it when I get enough)

Should I add another div, set the class to example 'placeholder' make the width to the same size as 'info'?

If you could make a small example I'll put that code into my code.

Answer 1

Hope this is what you want?

.left {
	float: left;
	width: 300px;
	height: 300px;
	background-color: #111;
	margin: 2px;
}
.right {
	float: left;
	width: 200px;
	margin: 2px;
}
.right-1 {
	float: left;
	width: 250px;
	height: 100px;
	background-color: #111;
	margin-bottom: 4px;
}
.right-2 {
	float: left;
	width: 250px;
	height: 100px;
	background-color: #333;
}

  

<div class="left"> </div>
<div class="right">
  <div class="right-1"> </div>
  <div class="right-2"> </div>
</div>