Question

How to wrap one div around another? I have following two div ids:

#course {
  width: 325px;
  padding-right: 25px;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
}

#home-page-sign-up {
  width: 275px;
  #padding-left: 25px;
  float: right;
  margin: auto;
  #position: relative;
  display: block;
  clear: both;
}

I want #course to be on left and #home-page-sign-up on right just next to it. I do get block on left and right as assigned but one is below another, I want them to be side by side.

How can I achieve it?

Answer 1

You will want to float both of them left:

#course{
    float:left;
    width:325px;
    padding-right:25px;
    border-right:1px solid #999;
    border-top:1px solid #999;
}

#home-page-sign-up {
    width:275px;
    #padding-left:25px;
    float:left;
    margin: auto; 
    #position:relative;
    display:block;
}

Just make sure #course falls first in the html