Html CSS对齐与文本高度相同的徽标

如何将徽标及其旁边的文本链接在同一高度上对齐？这是用

display:inline块完成的吗


a{
文字装饰：无；
颜色：蓝色；
}
您可以使用
Flexbox
并设置
对齐项目：居中


a{
文字装饰：无；
颜色：蓝色；
显示器：flex；
对齐项目：居中；
}
您可以使用
Flexbox
并设置
对齐项目：居中


a{
文字装饰：无；
颜色：蓝色；
显示器：flex；
对齐项目：居中；
}
您可以使用flexbox，如另一个答案中所述。您还可以使用
垂直对齐
属性


a{
文字装饰：无；
颜色：蓝色；
}
img{
垂直对齐：中间对齐；
}
您可以使用flexbox，如另一个答案中所述。您还可以使用
垂直对齐
属性


a{
文字装饰：无；
颜色：蓝色；
}
img{
垂直对齐：中间对齐；
}

a{
文字装饰：无；
颜色：蓝色；
}
img{
位置：绝对位置；
}
跨度{
位置：相对位置；
顶部：16px；
左：50px；
}
a{
文字装饰：无；
颜色：蓝色；
}
img{
位置：绝对位置；
}
跨度{
位置：相对位置；
顶部：16px；
左：50px；
}
只需简单添加
垂直对齐：中间在图像上


img{
垂直对齐：中间对齐；
右边距：5px；
}
只需简单添加
垂直对齐：中间对齐在图像上


img{
垂直对齐：中间对齐；
右边距：5px；
}
内联块解决方案的演示是：
nav*{display:inline块；vertical align:middle；}
-但我建议应用更好的html结构，这样就不需要全局选择器
*
来实现相同的结果。
内联块
解决方案的演示是：
nav*{display:inline block；vertical align:middle；}
-但我建议应用更好的html结构，这样就不需要全局选择器
*
来实现相同的结果。谢谢，我已经在使用CSS网格了，所以我更愿意继续使用它，而不是将其与一点FlexboxThank混合使用，我已经在使用CSS网格了，所以我更愿意继续使用它，而不是将它与一点flexbox混合使用
 a {
     text-decoration: none;
     color: blue;
   }

    img{
    position:absolute;
    }
    span{
    position:relative;
    top:16px;
    left:50px;
    }

    <!-- language: lang-html -->

        <nav>

          <a href="google.be"><img alt="logo" src="https://vignette.wikia.nocookie.net/simpsons/images/5/51/Wikimedia_logo.png/revision/latest/scale-to-width-down/50?cb=20100313090805"> <span>wikipedia</span></a>
        </nav>

    <!-- end snippet -->