Hey,
Following is the solution for your query. I used the percentage in style to get your expectation.
HTML
<div class="page">
<div class="wrapper">
<div class="left"> <img alt="right_ad" src="http://www.thelifestylecompound.com/wp-content/uploads/2013/11/tumblr_mp8pwtsHbt1sxrbl4o1_5001.jpg" /> </div>
<div class="center">center text</div>
<div class="right"> <img alt="right_ad" src="http://www.hdwallpapersonly.com/wp-content/uploads/2014/05/Quotes-Nelson-Mandela2.jpg" /> </div>
<div class="footer">footer</div>
</div>
</div>
CSS
body {
margin: 0;
padding: 0;
font: 90%/130% Arial, Helvetica, sans-serif;
text-align:left;
}
.page{margin: 0 auto;width: 90%;}
.wrapper {
float:left;
border: 1px solid red;
}
.left, .center, .right {
float: left;
width: 30%;
}
.left {
border: 1px solid green;
}
.right{border:1px solid black; text-align:right;}
.right img{ text-align:right;}
.left img, .right img {
width: 100%;
height: auto
}
.footer{ clear:both;}
Live Demo Link to better understand
http://codepen.io/ashishbhatt/pen/wLeFI[
^]