We help IT Professionals succeed at work.

Div border is not displayed

Rocking
Rocking asked
on
348 Views
Last Modified: 2014-05-03
Hi,

In my below code i am unable to view the parent div border?

<div style="width: 800px;border: solid 1px;">

<div style="float: left; width: 200px; margin-right: 5px; background-color: red;">
  <p>
    This is our left text column.
    This is our left text column.
    This is our left text column.
  </p>
</div>

<div style="float: left; width: 200px; margin-right: 205px;background-color: aqua;">
  <p>
    This is our right text column.
    This is our right text column.
    This is our right text column.
    This is our right text column.
    This is our right text column.
  </p>
</div>

<div style="float: right; width: 200px; margin-right:20px;background-color: gray;">
  <p>
    This is our right text column.
    This is our right text column.
    This is our right text column.
    This is our right text column.
    This is our right text column.
  </p>
</div>
</div>

Open in new window

Comment
Watch Question

Top Expert 2014
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.