css如何让两个元素在同一水平线上？

Question

学无止境，达者为先，不懂就问，善莫大焉

问题如下：
在同一个div里面包裹了两个元素

el-tag 和svg

发现这两者不在同一水平线

起初用margin-top margin-bottom来协调

发现效果并不好

1：写法僵硬
2：margin会把div撑破，达不到预期效果（padding也是）

现在诚求有志之士解我疑惑，祝大佬新年快乐万事如意阖家欢乐！

Answer 1

div 设置：
.center {

display: flex;
align-items: center;

}

Answer 2

flex布局 了解下

Answer 3

两个都设置 vertical-align center