Home/ Questions/Q 741745
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T08:40:05+00:00

i have following html page with UL and LI, i try to assign width

  • 0

i have following html page with UL and LI, i try to assign width to each LI but can’t see cay success

   <html>
   <head>
   <style type="text/css"> 

   ul
   { 
      overflow-x:hidden;
     white-space:nowrap; 
     height: 1em;
      width: 100%;
     } 

     li
  { 
    display:inline;
     padding-right:10px;
      }       
      </style>
    </head>
    <body>

    <ul> 
        <li style="width:100px">abcdefghijklmonpqrstuvwxyz</li> 
      <li>abcdefghijklmonpqrstuvwxyz</li> 
   <li>abcdefghijklmonpqrstuvwxyz</li> 
   <li>abcdefghijklmonpqrstuvwxyz</li> 
    <li>abcdefghijklmonpqrstuvwxyz</li> 
     <li>abcdefghijklmonpqrstuvwxyz</li> 
      <li>abcdefghijklmonpqrstuvwxyz</li> 
    </ul> 

    </body>
   </html>

because each of my LI has different width.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    No, you can’t assign width to anything that is displayed inline, which you’ve set your LI to be. Instead, you most often want to use display: block; float: left; which’ll allow for setting width.

    • 0