A small css problem, please help me if you know how_html/css_WEB-ITnose

The original arrangement of the web page is as follows:

• Chapter 1 ：Niu Bi


• Chapter 2: Strange Ring


• Chapter 3: Dream Space

I want to write like this and achieve the same arrangement effect:

• Chapter 1: Niu Bi

• Chapter 2: Strange Ring

< li>Chapter 3: Dream Space

http://www.ealine.net/template/shouda8/file/mulu.css

How to change it in css? Thank you

Reply to the discussion (solution)

Please help please help

Please help please help

Please help please help

Remove the red part

ul {
margin: 0 10px;
width: 960px;
height: 31px;
padding: 0;
list-style: none;
overflow: hidden;
clear: both;
}

ul li {
float: left;
width: 31%;
border-bottom : 1px solid #eee;
line-height: 30px;
height: 30px;
overflow: hidden;
padding-left: 20px;
margin-bottom: 3px;
color: #090;
}