TwitterやFacebookなどのソーシャルボタンを横や縦に並べて設置する方法

Tadashi Shigeoka ·  Sat, February 9, 2013

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

■ HTML


■ 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 はてなブックマーク - TwitterやFacebookなどのソーシャルボタンを横に並べて設置する ‹ CSS - hostingjedi