Twitter や Facebook などのソーシャルボタンを横に並べて設置するためのスニペットをメモ。

■ HTML

Twitter Button
Facebook Like Button
Google+1 Button

■ CSS

●横並び

.socialButtons {
  overflow: hidden;
}
.socialButtons li {
  float: left;
  margin-right: 10px;
}
.socialButtons iframe {
  margin: 0 !important;
}

●縦並び

.socialButtons {
  list-style-type: none;
  padding-left: 0;
}
.socialButtons li {
  margin-bottom: 4px;
}
.socialButtons iframe {
  margin: 0 !important;
}

・[参考] TwitterやFacebookなどのソーシャルボタンを横に並べて設置する ‹ CSS - hostingjedi