title: bullet points from <ul>
body: <p>This is a question that has been answered a milion times but non of the fixes work for me, therefore im here.</p>
  
  <pre><code>css: ul li {display:inline-block; }
  
  &lt;ul class="no-bullet"&gt;
      &lt;li&gt;&lt;a href="https://www.youtube.com" target="_blank"&gt;&lt;div class="yticon"&gt;&lt;img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/youtube-3-512.png" alt="Youtube" width="35" height="35" /&gt;&lt;/div&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="https://www.facebook.com/" target="_blank"&gt;&lt;div class="faceicon"&gt;&lt;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" /&gt;&lt;/div&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="https://plus.google.com/" target="_blank"&gt;&lt;img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/60818.png" alt="Google Plus" width="35" height="35" /&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="https:https://vimeo.com" target="_blank"&gt;&lt;img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/vimeo-xxl.png" alt="Vimeo" width="35" height="35" /&gt;&lt;/a&gt;
  &lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/8hx4a.png" rel="nofollow noreferrer">social media icon bullets</a>
  <a href="https://arcofilms.com/onovo" rel="nofollow noreferrer">https://arcofilms.com/onovo</a> the link</p>
  
  <p>if somneone could be of help would be awesome
  if you know a better way of doing this im open to suggestions too! thanks!</p>