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

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

Android Gson.fromJson error -