Display Two s Side-by-Side

Answer 1

Try this : (http://jsfiddle.net/TpqVx/)

.left-div {
    float: left;
    width: 100px;
    /*height: 20px;*/
    margin-right: 8px;
    background-color: linen;
}
.right-div {

    margin-left: 108px;
    background-color: lime;
}​​

---

     


    My requirements are [A] Content in the two divs should line up at the top, [B] Long text in right-div should not wrap underneath left-div, and [C] I do not want to specify a width of right-div. I don't want to set the width of right-div because this markup needs to work within different widths.

 

Hints :

• Just use float:left in your left-most div only.
• No real reason to use height, but anyway...
• Good practice to use
   
  after your last div.