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
Post a Comment