无序列表属于appart html

Question

我一直在努力超过2个小时，我不知道解决方案......

我正在尝试创建一个嵌套列表，每行包含以下项：

水果图片|条形图|一些值

水果图片|条形图|一些值

这是我的代码：

http://jsfiddle.net/Rq5AJ/

这是我得到的结果：

水果图片|条形图|一些值

                            picture of a fruit 

|条形图|一些值

我希望有人可以帮助我。提前谢谢！

编辑：

删除字体似乎有帮助，任何想法为什么？

.mgValue{
    text-align:center;
    margin-left: 10px;
    font-size:18px;
    color:#7D7D60;
    margin-top: 50px;
    font-family:'GOTHICB';
}

.gValue{
    color:#A09F8E;
    font-size:14px;
}

@font-face{
    font-family: 'GOTHICB';
    src:url(../Fonts/GOTHICB.TTF);
}

Answer 1

您格式不正确。每个ul元素都应该是li元素。然后，您可以使用CSS继续格式化每个li元素内的数据。但是，由于你的li元素不是相似的项目，而是不同类型的数据，因此以这种方式格式化会更有意义。

或者，只需使用“fruit（或其他）”类将div中的每组项目包装起来，然后在div中设置元素的样式。