Boa noite, estou com uma dúvida relativa ao posicionamento de DIVs usando CSS. Estou tentando posicionar 3 divs do lado esquerdo, sendo cada uma com altura de aproximadamente 1/3 de uma outra que ficaria alinhada ao lado esquerdo delas, porem a maior se alinha à esquerda apenas da terceira DIV. Tentei fazer um desenho para exemplificar como queria que ficasse logo a baixo:
_______ ________
|_texto_| | |
|_texto_| | texto |
|_texto_| |_______|
o meu código está assim:
.container{
display: inline-block;
max-width: 730px;
width: 728px;
margin-top: 10px;
}
.boxmenor{
display: inline-block;
width: 700px;
height: 120px;
background-color: #fefefe;
border: 1px #e9e7e7 solid;
margin-left: 25px;
padding: 5px;
}
.boxmaior{
display: inline-block;
width: 280px;
height: 360px;
background-color: #fefefe;
border: 1px #e9e7e7 solid;
margin-left: 5px;
padding: 5px;
}
<div class="container">
<div class="boxmenor">
texto
</div>
<div class="boxmenor">
texto
</div>
<div class="boxmenor">
texto
</div>
</div>
<div class="boxmaior">
texto
</div>