html - 图片和文字没有在中间对齐？

我想把图片和文字放在中间。

  <div class="topHeader">
    <img src="Images/loginheader.jpg" />
    <span> Sample text</span>                        
  </div>

div.topHeader {
   height:70px;
   background-color:#868686;
   font-family: Segoe UI;
   font-size:40px;
   padding-left:30px;
}

JSFiddle

最佳答案

申请

display:table; 到你的容器和 display:table-cell; vertical-align:middle; 到跨度。

检查这个:FIDDLE

关于html - 图片和文字没有在中间对齐？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22386893/