这是我博客徽标的一部分。我在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>
您可以添加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;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句