html - 使用无序列表时对有序性的困惑

Question

我认为我的问题是这个网站上最简单的问题。尽管如此，我无法解决它。

现在，我有一个像底部的 html。元素必须并排显示。但是输出如下图所示。另外，我不知道下划线是从哪里来的。

我怎么能做我想做的事？

        <div class="ilgiliclass">
    <?php
                echo '<ul>';
                if(...)
                {
                    foreach(...)
                    {
                        if(...)
                        {
     ?>

                                <li>
                                    <img src="img/arrow.gif">
                                    <div class="si">
                                        <a href="...">...</a> 
                                    </div>                                                             
                                    -
                                    <div class="so">
                                        <a href="...">...</a>
                                    </div>
                                    <br />
                                </li>

    <?php        
                        }
                    }  
                }  
    ?>
            </ul> 

Answer 1

si在和so元素之间的标记中有一个破折号。我想这就是您所说的“下划线”。两者.si和.so都可以设置为display:inline;，这应该将所有内容放在一行上。

JS 小提琴示例：http: //jsfiddle.net/TYsN6/