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;
}

示例文本
顶部标题{
高度：70像素；
背景色：#868686；
字体系列：SegoeUI；
字体大小：40px；
左侧填充：30px；
}

应用

显示：表格到您的容器并
显示：表格单元格；垂直对齐：中间对齐到跨度

检查此项：
添加
img{float:left}
和
div.topHeader{line height:70px}

事实上，使用等于div高度的
行高
将使单行文本（和图像）垂直居中。只是别忘了让你的图像浮动，以便把文字写在图像的同一行。
A
添加文本对齐：居中；去掉左边的填充物，用谷歌搜索一下就可以解决这个问题。。。或者一点css知识，我需要左边的填充物来进一步移动图像和文本，我真的不擅长css，如果你们不喜欢这篇文章。我会删除它。哼，在中间，…垂直还是水平？