Html 设置顶部图像旁边的文本

我有以下HTML（由JSF生成）

欢迎收看abc。


2012年7月12日星期四美国东部时间15:46:07

我原以为“Thu，Jul-12-2012 15:46:07 AST”应该在图片的旁边，但我在图片下面看到了

我在图片右侧看到欢迎abc和注销按钮

有人能指出我做错了什么吗

---

编辑1

我用

只是把一切放在中心

如果我删除了

标记，我会得到输出为

欢迎abc，注销。Thu，2012年7月12日15:46:07 AST

。如果我添加

标记，我希望输出为

欢迎abc，注销。

Thu，2012年7月12日美国东部时间15:46:07

然而，由于

标记，我得到了图像下方的输出

希望这个解释有帮助

我对这件事很生气：(

---

编辑2 您需要“浮动”图像并跨越：

img, span {
    float: left;
}

您需要“浮动”图像并跨越：

img, span {
    float: left;
}

---

可能您的跨度中的文本太长了。

---

在这种情况下，如果没有边框，您可以将跨度宽度定义为70%。

可能跨度中的文本太长。

---

在这种情况下，如果没有边框，您可以将跨度宽度定义为70%。

首先，第一个div需要足够宽，以容纳图像和跨度及其文本，并将其设置为overflow:auto以允许其中的浮动元素

然后，应将图像和跨度向左浮动

跨度应设置为“显示：内联块”

您可能希望给图像一些“右边距”

---

希望能有所帮助。

首先，第一个div需要足够宽，以容纳图像和文本范围，并将其设置为overflow:auto以允许浮动元素

然后，应将图像和跨度向左浮动

跨度应设置为“显示：内联块”

您可能希望给图像一些“右边距”

---

希望有帮助。

我找到了解决方案。代码应该是

<div align="center">
    <img src="http://blog.kevinchisholm.com/wp-content/uploads/2011/11/jquery2.png" style="vertical-align: top"/>
    <span style="display:inline-block" align="right">
        Welcome abc, logout.
        <br />
    Thu, 12-Jul-2012 15:46:07 AST
    </span>
</div>

欢迎abc登出。


2012年7月12日星期四美国东部时间15:46:07

---

我找到了答案，代码应该是

<div align="center">
    <img src="http://blog.kevinchisholm.com/wp-content/uploads/2011/11/jquery2.png" style="vertical-align: top"/>
    <span style="display:inline-block" align="right">
        Welcome abc, logout.
        <br />
    Thu, 12-Jul-2012 15:46:07 AST
    </span>
</div>

欢迎abc登出。


2012年7月12日星期四美国东部时间15:46:07

---

这里添加您的代码以便我们可以调整您需要为图像提供绝对路径-这里添加您的代码以便我们可以调整您需要为图像提供绝对路径-事实并非如此。我的文本是

Thu，2012年7月12日15:46:07 AST

事实并非如此。我的文本是

Thu，2012年7月12日15:46:07 AST