【CSS】アイコンと文字を上下中央に

こうなってしまっているのを

これにしたい！

① アイコン＋文字のクラスに「display: inline-block;」「vertical-align: middle;」を指定

② アイコンに「vertical-align: middle;」を指定

することでできました。

.line {
  display: inline-block;
  vertical-align: middle;
}

/*ラインアイコン大きさ*/
img {
  width: 25px;
  vertical-align: middle;
}