本文主要是介绍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
我已经浏览了整个网络,但无法弄清楚如何做到这一点,任何帮助都会非常受欢迎.
这篇关于HTML中如何让图片旁边有两行字,图像旁边有多行文字(CSS-HTML)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!