这是我的博客标志的一部分。我在div内有标志图像和文本。现在,图像已经垂直居中,但文本没有在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>