Jquery 文本在两个浮动图像之间居中的垂直位置存在问题

Jquery 文本在两个浮动图像之间居中的垂直位置存在问题,jquery,html,css,Jquery,Html,Css,当我运行这段代码时,文本“text Here”移动到div的底部,而我希望它位于顶部。目前,在.subText样式中没有任何内容,但我尝试了垂直对齐、填充和边距顶部,但似乎无法解决 HTML和CSS: #足球左侧{ 浮动:左; 垂直对齐:中间对齐; } #足球俱乐部{ 浮动:对; 垂直对齐:中间对齐; } .潜台词{ 文本对齐:居中; } 足球 此处的文本 我觉得你的代码很好用。您可以通过重新启动浏览器或添加这段代码来重试 .subText { position:relative; l

当我运行这段代码时,文本“text Here”移动到div的底部,而我希望它位于顶部。目前,在.subText样式中没有任何内容,但我尝试了垂直对齐、填充和边距顶部,但似乎无法解决

HTML和CSS:

#足球左侧{
浮动:左;
垂直对齐:中间对齐;
}
#足球俱乐部{
浮动:对;
垂直对齐:中间对齐;
}
.潜台词{
文本对齐:居中;
}

足球

此处的文本


我觉得你的代码很好用。您可以通过重新启动浏览器或添加这段代码来重试

.subText {

 position:relative;
 left: 220px;
  }

它的工作原理与中心相同。

您的代码对我来说运行良好。您可以通过重新启动浏览器或添加这段代码来重试

.subText {

 position:relative;
 left: 220px;
  }

这与中心的工作原理相同。

您的文本已显示在顶部。 注意:浮动图元不受垂直对齐的影响

是否可以使用display:inline块代替float?

Html:


你的文字已经显示在顶部。 注意:浮动图元不受垂直对齐的影响

是否可以使用display:inline块代替float?

Html:


这段代码运行得很好,但我发现CSS中有另一个部分在实验时变成了注释,忘记了在注释中包含结束括号。

这段代码运行得很好,但我发现我的CSS中还有一个部分,我在试验时将它变成了一条注释,但忘记了在注释中包含结束括号。

哪个浏览器?显示文本在哪个浏览器上?显示文本在顶部
.football {
   display:inline-block;
   vertical-align: top;
}
.subText {
    display:inline-block;
}