not splitting div's properly

Vote count:

0

This has probably been posted before, but I couldn't find a solution from searching. So I am attempting to split a div into essentially two columns one of 25% width and the other 75% width. I haven't started doing the CSS yet hence why the styling is inline at the moment. The general div of 100% width displays fine now when I try to split this into two inner div's it seems to work the list i am trying to create displays correctly however the next column of 75% appears below the div. Why is this and is there anyway to fix it.

<div style="width:100%;background:orange">
    <div style = "text-align:center;width:25%;background-color:red;">
       A List
      <ul>
         <li> something</li>
         <li> something</li>
         <li> something</li>
         <li> something</li>
         <li> something</li>
      </ul>
    </div>
    <div style="width:75%;background:purple;float:right">
        dsfsdf
    </div>
</div>

asked 16 secs ago

Skeletor

10

not splitting div's properly