Css 清单项目的水平对齐

我想水平对齐列表项。但我不会让他们排队的。如果我移除第一个li中的br标记，那么它将完全对齐。我错过了什么？请帮忙。JSFIDLE代码->

html:

---

对于li标记，应该使用

float:left

#info_new_ul li {
    float:left;
    margin-left: 2px;
    padding: 5px;
    color: #fff;
    font-family: trebuchet ms;
    font-size: 19px;
    font-weight: lighter;
    text-align: justify;
    word-wrap:break-word;
}

---

删除

显示：内联块来自de
#信息(新)ul li

并对
使用
浮点：left

#info_new_ul li {
   ....
   float:left;
}

您的应用程序已更新为新代码
没问题，总是乐于帮助我有一个问题，为什么显示：inline不起作用？我试过了，但我不明白原因
#info_new_ul li {
    float:left;
    margin-left: 2px;
    padding: 5px;
    color: #fff;
    font-family: trebuchet ms;
    font-size: 19px;
    font-weight: lighter;
    text-align: justify;
    word-wrap:break-word;
}

#info_new_ul li {
   ....
   float:left;
}