html - 无法使 img 和文本垂直居中

Question

我不知道为什么，但我无法使我的图像和文本垂直对齐。

<div class="adress">
   <img src="#">My adress
</div>

如果我使用 display:flex 然后使用 align-items: center，它不起作用，垂直对齐也不起作用(如果我设置 display: table")。

也许我缺少了什么？

.adresa {line-height: 1.4; padding-bottom: 30px;}
.adresa img {float: left; width: 40px; margin-right: 15px !important;}

<div class="adresa">
<img src="https://image.ibb.co/g9yTN9/adresa.png" />Nušlova 2271/7<br>
158 00 Praha 5
</div>
<div class="adresa">
<img src="https://image.ibb.co/g9yTN9/adresa.png" />7227336777
</div>

谢谢。

Answer 1

你可以使用这个代码

.adress{
    margin:0 auto;
    text-align:center;
}
.adress img{
    display:flex; 
    margin: 0 auto;
}