简单的HTML/CSS帮助。我好像想不出来！

我试着在左右两幅图片之间排列一些文字。为什么它不向上移动

<img src="srchere" /><span style="padding-bottom:10px;">Some text right here!</span><img src="srchere" />

这两个图像比文本大，因此看起来文本没有对齐，并且位置低于图像。我怎样把课文提高？我上面的代码似乎没有将文本上移

---

谢谢。

尝试向图像添加align=absmiddle属性。

如果希望图像与文本垂直对齐，则需要使用：

vertical-align: middle

请注意，您的填充底部可能会有点脱落

---

另外，如果您还没有这样做，那么应该使用外部样式表而不是内联CSS。

我想您的意思是对齐到容器盒的顶部。这应该满足您的要求：

<img style="float: left;" src="...">
<p style="float: left;">Filler text. Filler text. Filler text.</p>
<img style="float: right;" src="...">

---

如果要手动调整，可以这样做

<span style="vertical-align:100%"> 

增加/减少百分比，直到您满足以下要求：

<div>
<img src="srchere" />
<span>Some text right here!</span>
<img src="srchere" />
</div>

div {
    display:block;
}
img {
    height:30px;
    width:30px;
}
img, span {
    vertical-align:top;
    display:inline-block;
}