cssを適用した時にアイコンの位置がズレてしまうのを解決したいです。

1.insta_btn { 2 display: inline-block; 3 text-align: center;/*中央揃え*/ 4 color: #2e6ca5;/*文字色*/ 5 font-size: 17px;/*文字サイズ*/ 6 text-decoration: none;/*下線消す*/ 7 margin-top: -6pt; 8} 9 10.insta_btn:hover {/*ホバー時*/ 11 color:#668ad8;/*文字色*/ 12 transition: .5s;/*ゆっくり変化*/ 13} 14 15.insta_btn .insta{/*アイコンの背景*/ 16 position: relative;/*相対配置*/ 17 display: inline-block; 18 width: 50px;/*幅*/ 19 height: 50px;/*高

[Lhankor_Mhy]

inline と inline-block を並べて垂直中央揃えはかなりややこしいことになる、という好例。ほんと、インラインって地雷だよな、デフォルトだけど。