Question

Possible Duplicates:
Simple 2 column div layout
2 column layout in CSS

I want to build a 2 column DIV layout. One of the columns should be right aligned and auto size and the other one should fill the left remaining space.

Answer 1

Like this http://jsfiddle.net/UNgcd/2/?

HTML:

<div class='wrap'>
    <div class='right'>
        <p>some text goes here for auto width</p>
    </div>
    <div class='left'>
        <p>this takes up remaining space to the left</p>
    </div>
</div>

CSS:

.right {
    background-color: red;
    float: right;
    width: auto;
}

.left {
    background-color: yellow;
    overflow: hidden;
}