JSFiddle - React, Tailwind, and code Playground

by lagendre

HTML

<ul class="share-buttons">
  <li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fbudget-programmer.blogspot.tw%2F&quote=Budget%20Programmer" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="https://cdn.rawgit.com/lagendre/lagendre.github.io/30eddb37/img/flat_web_icon_set/color/Facebook.png" /></a></li>
  <li><a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fbudget-programmer.blogspot.tw%2F&text=Budget%20Programmer:%20http%3A%2F%2Fbudget-programmer.blogspot.tw%2F" target="_blank" title="Tweet"><img alt="Tweet" src="https://cdn.rawgit.com/lagendre/lagendre.github.io/30eddb37/img/flat_web_icon_set/color/Twitter.png" /></a></li>
  <li><a href="https://plus.google.com/share?url=http%3A%2F%2Fbudget-programmer.blogspot.tw%2F" target="_blank" title="Share on Google+"><img alt="Share on Google+" src="https://cdn.rawgit.com/lagendre/lagendre.github.io/30eddb37/img/flat_web_icon_set/color/Google%2B.png" /></a></li>
  <li><a href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fbudget-programmer.blogspot.tw%2F&title=Budget%20Programmer&summary=WEBSITE%20DESIGN%2C%20CSS%2C%20JS%2C%20SEO&source=http%3A%2F%2Fbudget-programmer.blogspot.tw%2F" target="_blank" title="Share on LinkedIn"><img alt="Share on LinkedIn" src="https://cdn.rawgit.com/lagendre/lagendre.github.io/30eddb37/img/flat_web_icon_set/color/LinkedIn.png" /></a></li>
  <li><a href="http://line.naver.jp/R/msg/text/?http%3A%2F%2Fbudget-programmer.blogspot.tw%2F%0AWEBSITE%20DESIGN%2C%20CSS%2C%20JS%2C%20SEO" target="_blank"><img src="https://cdn.rawgit.com/lagendre/lagendre.github.io/30eddb37/img/flat_web_icon_set/color/Line.png" alt="用LINE傳送" height="32" width="32" /></a></li>
   <li><a href="mailto:?subject=Budget%20Programmer&body=WEBSITE%20DESIGN%2C%20CSS%2C%20JS%2C%20SEO:%20http%3A%2F%2Fbudget-programmer.blogspot.tw%2F" target="_blank" title="Send email"><img alt="Send email"...

CSS

<style>
ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
</style>