css - 我的 css 样式表编码问题

Question

我和其他人有过类似的问题，但答案没有帮助。

这是我的代码:

        <div id="social-media">
            <p>for aditional information<br>please call 03-5185-1208<p>
            <ul>
                <li>
                   <a href="http://www.facebook.com">
                        <img src="images/social media/facebook 32x32.png">
                   </a>
                </li>
                <li>
                    <a href="http://www.twitter.com">
                      <img src="images/social media/twitter 32x32.png">
                    </a>
                 </li>
            </ul>
        </div>

我的CSS样式表

ul li{ display:inline; text-decoration:none; }

但下划线仍然存在。我已经尝试了所有内容

{  border-bottom:none;  }

没有任何效果。有人可以帮忙吗？

Answer 1

这样使用

ul li{ display:inline;  }
ul li a{text-decoration:none;}