HTML中如何让图片旁边有两行字,图像旁边有多行文字(CSS-HTML)

我试图在图像旁边放两行文字,有点像这样

_________

| | Line one of text

| image |

| | Line two of text

---------

这是我到目前为止的代码

Line one of text

Line 2 of text

.banner p {

font-family: "Gentium Basic";

font-size: 19px;

text-align: center;

color: #aaa;

margin-top: -10;

display: block;

}

.banner img {

float: center;

margin: 5px;

}

.banner span {

padding-top: 50px;

font-size: 17px;

vertical-align:top;

}

.banner .ban2 span {

padding-top: 50px;

font-size: 17px;

vertical-align:top;

}

但目前它这样做:

_________

| | Line one of text

| image |

| |

---------

Line two of text

我已经浏览了整个网络,但无法弄清楚如何做到这一点,任何帮助都会非常受欢迎.