html - 使用无序列表将所有内容放在一行中

Question

这似乎是一个简单的问题，但无论我做什么我都无法解决它。我发布了一个关于我在说什么的链接。 http://www.olmasigereken.com/demo/?view=listen&artist=ibrahim+ferrer&track=dos+gardenias
如果您查看页面代码，您会看到元素的顺序是红色箭头 artistname dash(-) trackname twitter and facebook links。但是输出不是那样的。我想将所有内容以正确的顺序放在一行中，即 red image artistname dash trackname twitter and facebook links。

注意:点击后如果没有看到任何内容，请刷新页面。

                          <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

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