Hocam, css'de alanlarınızı "%" yüzdelik dilimlerle bölebilirsiniz sonrada float:left; etiketi ile yan yana koyabilirsiniz, resim alanı için bir sınıf belirleyerek, örneğin;

<div class="kutu1"><h1>A</h1></div>
<div class="kutu2"><h1>A</h1></div>
<div class="kutu3"><h1>A</h1></div>

.kutu1{
width:30%;
height: auto;
background-color:gray;
float: left;
}

.kutu2{
width:50%;
height: auto;
background-color:blue;
float: left;
}


.kutu3{
width:20%;
height: auto;
background-color:purple;
float: left;
}