将图标居中为文本？[复制]

Question

帮助我不知道如何将图标与导航栏中的文本对齐，而不将div中的其余文本向下推。

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Hungus Bungus <i class="material-icons">polymer</i></a>
    </div> <!-- other divs are closed below -->

代码在此打开：https://codepen.io/hungus--bungus/pen/rdgEze?editors=1100

Answer 1

您可以在<代码>上使用flex。导航栏品牌如下：

.navbar-brand {
  display: flex;
  align-items: center;  
}