使用无序列表将所有内容放在一行上

Question

这似乎是一个简单的问题，但无论我做了什么，我无法解决它。我发布了一个关于我在说什么的链接。 http://www.olmasigereken.com/demo/?view=listen&artist=ibrahim+ferrer&track=dos+gardenias
如果您查看页码，您会看到项目的顺序是 红色箭头artistname dash（ - ）trackname twitter和facebook links 。然而，输出不是那样的。我希望将所有内容放在一行中，正确的顺序是 红色图片artistname dash trackname twitter和facebook链接 。

注意：如果您没有看到任何内容，请单击它时请刷新页面。

                          <li>
                            <img src="img/track_arrow.gif" alt="" />
                            <div class="singer">
                                <a href="#"><?php echo $a[artistname]?></a> 
                            </div>                                                             
                            -
                            <div class="song">
                                <a href="#"><?php echo $a[trackname]?></a> 
                            </div>

                            <div class="fav">
                                <a target="_blank" href="#" /><img src="img/twit.gif" alt="share on twitter" /></a>
                                <a target="_blank" href="#"> <img src="img/face.gif" alt="share on facebook" /> </a> 
                            </div>
                            <br />
                        </li>

Answer 1

您需要设置一些css属性，如

.ikinciSol ul li {
widht: 375px;
}

.fav{
float: right;
}

希望这对您有所帮助。

Answer 2

内部链接的左侧浮动导致冲突。如果你删除float: left，如下面的屏幕截图所示，我想你会得到你想要的......

Answer 3

尝试将每个元素放在li balises之间并使用带有ul元素的css属性：list-style-type：none;