Question

I need to create layout like this:

     |  two
one  -------
     |  three

Here is my code:

<div class="group">
    <div class="name">one
    </div>
    <div class="con2">
        <div>two</div>
        <div>three</div>
    </div>    
</div>

Css:

div.group {
    background-color: #093;
}

div.name {
    background-color:#00F;
    display: inline;
}

div.con2 {
    background-color:#FF6;
    display: inline;
}

jsFiddle: http://jsfiddle.net/mkurY/

Answer 1

shouldn’t you consider using a table, as judging by your diagram, thats the semantically correct thing to do?