简单的HTML/CSS帮助。似乎无法弄清楚这一点！

Question

我想排列其左右两幅图像之间的一些文字。为什么它不移动？

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

这两个图像比文字大，所以它看起来像文本没有对齐，位置低于图像。我如何提高文字？我上面的代码似乎没有将文本向上移动。

谢谢。

Answer 1

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

vertical-align: middle 

请注意，您padding-bottom可能抛出这一关一点点。另外，如果你还没有这样做，你应该使用外部样式表而不是内联CSS。

Answer 2

尝试将align="absmiddle"属性添加到图像。

Answer 3

“up”我假设你的意思是对齐到容器框的顶部。这应该做你想要什么：

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

Answer 4

如果你想手动调节，这可怎么办

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

增加/减少的百分比直到你满足

Answer 5

HTML：

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

CSS：

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