html - Making social network icons horizontal -


i'm having difficult making social icons horizontal. thought floating them left trick or making element inline-block. i'm stuck appreciated. thank you!

 <!-- social network icons -->  <div id="social">  <ul class="soclist">  <li><a class="youtube" href="img/youtube-logo.png" target="_blank" title="youtube"></a></li>  <li><a class="twitter" href="img/twitter-logo.png" target="_blank" title="twitter"></a></li>  </ul> </div> 

css:

/* social sidebar */  ul.soclist li { display: inline-block }  #social { position: fixed; top: 2px; right: 73px; width: 43px; display: block; }   a.youtube { width: 48px; height: 48px; background: url(../img/youtube-logo.png) no-repeat; display: block; }     a.twitter { width: 48px; height: 48px; background: url(../img/twitter-logo.png) no-repeat; display: block;  } 

remove "width: 43px;" #social.


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -