这个问题已经有了答案：
Vertically align text next to an image?
20个答案
这是我博客标志的一部分。我在div中有logo图像和文本。现在，图像在中间对齐，但文本不在div的中间。如果不使用边距，我怎么做？
这是我的代码：
<head>
<style type="text/css">
#titleimage {
background: red;
display: inline-block;
}
#titleimage a {
text-decoration: none;
}
#titleimage img {
width: 33px;
height: 36px;
vertical-align: middle;
}
#titleimage span {
color: white;
font-family: sans-serif;
font-size: 26px;
}
</style>
</head>
<body>
<div id="titleimage">
<a href="#">
<img src="images/vk8.png" /><span>PORTFOLIO</span>
</a>
</div>
</body>最佳答案
您可以将vertical-align:middle添加到您的#titleimage span
#titleimage{
background: red;
display: inline-block;
}
#titleimage a{
text-decoration: none;
}
#titleimage img{
width: 33px;
height: 36px;
vertical-align: middle;
}
#titleimage span{
color: white;
font-family: sans-serif;
font-size: 26px;
vertical-align:middle;
}