Home/ Questions/Q 7945257
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T00:48:25+00:00

Using <ul> + <li> : http://jsfiddle.net/FsmcM/ Using <div> + <span> : http://jsfiddle.net/z47LM/ Is it

  • 0

Using <ul> + <li> :
http://jsfiddle.net/FsmcM/

Using <div> + <span> : http://jsfiddle.net/z47LM/

Is it possible to display half of the <li>? (like <div> + <span>)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you remove the float: left; then it should work.

    jsFiddle.

    as an FYI, you don’t need to float left when you display:inline;

    ul{
    border:1px solid blue;
    width:230px;
    overflow:hidden;
    list-style: none;
    margin: 0;a
    padding: 0;
}
ul li{
    border:1px solid red;
    height:20px;
    display:inline;
    word-break:break-all;
    word-break: break-all;
}​

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <body>
  <ul>
    <li>1234567890</li>
    <li>1234567890</li>
    <li>1234567890</li>
  </ul>
 </body>
</html>
​
    • 0