Facebook, Twitter buttons

Social buttons.css

/***** Social buttons *****/
.share {
  width: 100%;
  z-index: 100000000;
}

#share-main {
  padding-top: 65px;
}

#share-secondary {
  padding-top: 1%;
}

.share ul {
  margin: 0px;
}

.share li {
  list-style: none;
}

.float-left {
  float: left;
}

.facebook-icon {
  padding-right: 15px;
}



<div id="fb-root"></div>
  <script>
    (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=148866255208434";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  </script>
  
  
  <div id="share-main" class="share">
        <ul>
          <!-- Facebook button cont. -->
          <li id="facebook-icon" class="float-left">
            <div class="fb-like" data-href="http://wcfcourier.com/app/special/election2013" data-width="125" data-layout="button_count" data-show-faces="false" data-send="false"></div>
          </li>
          <li class="float-left">
            <!-- Twitter button -->
            <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://wcfcourier.com/app/special/election2013" data-text="Election 2013: Municipal elections in the Cedar Valley" data-via="WCFCourier">Tweet</a>
            <script type="text/javascript" src="js/lib/twitter.js"></script>
          </li>
        </ul>
      </div>