- CSS
-
2018-01-10
ブログ記事等に設置しておきたいSNSのボタンを綺麗に並べる方法
ボタンはulタグでli内に設置します。
そしてinline-blockで表示し、縦位置を上にすればOK。
.social_buttons{ text-align: left; } .social_buttons > li { display: inline-block; vertical-align: top; margin: 0; } .social_buttons > li:first-child { margin-left: 0; } .social_buttons > li:last-child { margin-right: 0; } .social_buttons iframe { margin: 0 !important; } @media screen and (max-width: 780px){ .social_buttons > li{ width: 80px !important; margin: 0 7px 10px 0; } }

1,595 views