Home/ Questions/Q 93877
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T23:24:48+00:00

OK, if anyone could help me with this I’d be much appreciative. If you

  • 0

OK, if anyone could help me with this I’d be much appreciative. If you copy and paste the following and open up in IE or Firefox

<div style='border: solid 1px navy; float: left;'>     <ul>         <li>Item 1</li>         <li>Item 2</li>         <li>Item 3</li>         <li>Item 4</li>         <li>Item 5</li>     </ul> </div> <div style='background-color: blue;'>     <p>Some Text</p>     <p>Another paragraph</p> </div>

Why does the second div which has a blue background expand to be behind the first div that contains the list of items? How do I get it to really float next to the first div?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. If you want the blue box to be beside the list, you need to float it as well:

    <div style='border: solid 1px navy; float: left;'> <ul>     <li>Item 1</li>     <li>Item 2</li>     <li>Item 3</li>     <li>Item 4</li>     <li>Item 5</li> </ul> </div> <div style='background-color: blue; float:left;'><p>Some Text</p><p>Another paragraph</p></div>
    • 0