Html <；ul>；

这是一个已经被回答了无数次的问题，但没有一个修复对我有效，所以我在这里

css: ul li {display:inline-block; }

<ul class="no-bullet">
    <li><a href="https://www.youtube.com" target="_blank"><div class="yticon"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/youtube-3-512.png" alt="Youtube" width="35" height="35" /></div></a>
    </li>
    <li><a href="https://www.facebook.com/" target="_blank"><div class="faceicon"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/facebook-symbol_318-37686.jpg" alt="Facebook In" width="35" height="35" /></div></a>
    </li>
    <li><a href="https://plus.google.com/" target="_blank"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/60818.png" alt="Google Plus" width="35" height="35" /></a>
    </li>
    <li><a href="https:https://vimeo.com" target="_blank"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/vimeo-xxl.png" alt="Vimeo" width="35" height="35" /></a>
</li></ul>

css:ulli{display:inline block；}

链接

如果Somnone能帮上忙那就太棒了

---

如果你知道更好的方法，我也愿意接受建议！谢谢

将列表项设置为不显示项目符号：

ul li {
  display:inline-block; 
  list-style: none;
 }

..或者您已经有了一个助手类：

.no-bullet li {list-style: none; }

在css中使用此选项

ul li  {list-style-type: none;}

---

你只是想让子弹消失

在这种情况下，请使用以下CSS：

ul.no-bullet {padding-left:0;}
ul.no-bullet > li {list-style:none;}

---

正如你所说，这个问题已经被回答了一百万次。 你可以用

列表样式类型：无

只需在css中做一点更改：

ul { list-style-type: none;}

---

添加以下css代码以删除边框。因为项目符号是使用边框显示的

#footer-widgets .footer-widget li::before{border:none}

试试这个css：

    .no-bullet {
      list-style-type: none;
    }
    .no-bullet li {
      display: inline-block;
    }

对我有用