two column layout using position:

by SebastianPataneMasuelli

HTML

<div class="parent">
    <div class="abstract">abstract</div>
    <div class="creative">creative</div>
    <div class="creative">creative</div>
    <div class="creative">...</div>
</div>

<!-- tested on Chrome 8, Safari 5, Firefox 3.6 -->

CSS

.parent { 
    position: relative; /*parent div must have position: relative or absolute ;*/
    background: beige; 
    text-align: left; 
    line-height: 100px;
    color: IndianRed ;
}
.abstract {
    position: absolute; /*the element on the right is positioned absolute*/
    left: 205px;        /* origin (0,0) is top left of parent div*/
    width: 200px;
    background: salmon;
    text-align: center; 

}
.creative {
    position: relative; /*the elements on the left flow normally, ignoring the absolute div*/
    width: 200px;
    margin-bottom: 5px; 
    background: DarkSalmon ;  
    left: 0;
    text-align: center;
}