Html img后的错误位置文本
我的项目有些混乱 为什么文本不在标题的中间，下面是我的html和css：Html img后的错误位置文本,html,css,image,Html,Css,Image,我的项目有些混乱 为什么文本不在标题的中间，下面是我的html和css： <body> <header> <img height="55px" width="55px;" src="../pic/small-book.png"> <span class="neworld">Neworld</span> </header> </body> body{ width: 1200px; hei
<body>
<header>
<img height="55px" width="55px;" src="../pic/small-book.png">
<span class="neworld">Neworld</span>
</header>
</body>
body{
width: 1200px;
height: auto;
min-height: 600px;
margin: 0 auto;
}
header{
width: 1200px;
height: 55px;
background-color: white;
line-height: 55px;
}
header .neworld{
}
新世界
身体{
宽度：1200px；
高度：自动；
最小高度：600px；
保证金：0自动；
}
标题{
宽度：1200px；
高度：55px；
背景色：白色；
线高：55px；
}
标题：新世界{
}
我想知道为什么新世界不在中间，为什么它不在顶部：-10px；在header.neworld处，如果要将跨距文本与图像垂直对齐，请添加以下规则：
header img {
vertical-align: middle;
}
.neworld页边距top:-10px块内联块span内联的正文{
宽度：1200px；
高度：自动；
最小高度：600px；
保证金：0自动；
}
标题{
宽度：1200px；
高度：55px；
背景色：白色；
线高：55px；
}
收割台img{
垂直对齐：中间对齐；
}
新世界
垂直对齐：中间标题img{
垂直对齐：中间对齐；
}
新世界
float:left检查此示例：CSS
vertical align