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