javascript - 与 Logo 相邻的链接

Question

如何使链接与图像标志相邻....我正在努力使它在同一条线上......我给了 float left 但它不起作用....在下面提供我的代码

http://jsfiddle.net/hYGwH/14/embedded/result/

<li>
                            <a href="/product.html" >
                                <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">
                                My Files
                            </a>
                        </li>
                        <li>
                            <a href="/solution.html">
                                <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Shared Files</a>
                            </li>
                        <li>
                            <a href="/service.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Create Files</a></li>
                        <li class="iphonePartnerLink">
                            <a href="/partner.html">
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Simply Notes</a></li>
                        <li>
                            <a href="/contact.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Forms</a></li>
                        <li>
                            <a href="/contact.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Drawing</a></li>
                        <li>
                            <a href="/contact.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">
                                Presentation</a></li>

Answer 1

除非有足够的水平空间，否则 ul 不会 float 在 Logo 旁边。因此，如果您将窗口设置得太小，它最终会位于 Logo 下方。减小导航中 a 标签的字体大小将使其适合较小的屏幕。