Question

Further to the discussion in Floating div issue in IE i added Floating div in my JSP

Now I need to add a ruler-type of thick border only to my right of the “PassageDiv”. CSS given below

#passageDiv, #questionDiv {
    overflow: auto;
    float: left;
    height: 550px;
}

#passageDiv{
    width: 50%;
}


#questionDiv {
    width: 50%;
}

Kind of seperator between PassageDiv and QuestionDiv am expecting. So I added below line in passageDiv

border: 1px solid;

But adding this makes my questionDiv to appear below passageDiv rather than appearing side-by-side with an seperator in middle.

Answer 1

border will add border all around, just make use of border-right try this

#passageDiv{
  border-right: 2px solid black;
}

also decrease the width percentage a little to occupy border

#passageDiv{
    width: 48%;
}

#questionDiv {
    width: 48%;
}