Home/ Questions/Q 43643
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T15:31:39+00:00

I have a list with two <div> s in every <li> and I want

  • 0

I have a list with two <div>s in every <li> and I want to float them one next to the other and I want the <li> to take the whole availabe space. How do I do it?

<html>     <head>         <title></title>         <style type='text/css'>             body {             }             ul {             }             li {             }             .a {             }             .b {             }         </style>     </head>     <body>         <ul>             <li>                 <div class='a'>                     content                 </div>                 <div class='b'>                     content                 </div>             </li>         </ul>     </body> </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1.  *{ margin: 0; padding: 0;}  li{  width: 100%: display: block; }   li:after{ clear: both; }   div.a{ width: 49%;  float: left; }  div.b{ width: 49%;  float: left; }

    Should do the trick.

    • 0