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)相关推荐

python保存plot图片_Matplotlib savefig只保存图像，不保存行
我用figure.savefig(path)保存了一个matplotlib图形.这将保存我在画布上的图像,在图形中,但它不会保存我在图像上绘制的线条.在以下是我如何创建我的身材:if new: y, ...
html自动裁剪图片宽度,html中如何让图片按比例响应式缩放、并自动裁剪的css技巧...
响应式网站.移动端页面在DIV CSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为100%,不设置高度,高度就会自动跟着高度缩放. 但是如果要达到的效果是,要让 ...
在matlab中怎样把图片转化为数据类型,matlab图像数据类型转换
uint 8:无符号的8位(8bit)整型数据(unit 都是存储型) int :整型数据 1.在MATLAB中,数值一般都采用double型(64位)存储和运算. 2.为了节省存储空间,MATLAB ...
PPT中要实现图片或图形的任意拖拽
PPT中要实现图片或图形的任意拖拽需要通过VBA编程.现介绍利用图像控件实现图片任意拖拽的方法: 1.在演示文稿插入图像控件,打开属性窗口,将picture设成你想拖动的图片,遗憾的是Image控件不 ...
jdbc mysql查询显示图片_JDBC【向数据库中存入读取图片】
JDBC-向数据库中存入读取图片注:此代码依赖自定义的数据库连接工具类 1.向数据库存入一张照片 import java.io.File; import java.io.FileInputStrea ...
解决Chrome中UEditor插入图片的选择框加载过慢问题
解决Chrome中UEditor插入图片的选择框加载过慢问题 ../resources/plugins/ueditor/ueditor.all.js 中line24489/24498中的 accept ...
R语言ggplot2可视化使用ggplot2包patchwork包在可视化结果（右上角）中插入logo图片
R语言ggplot2可视化使用ggplot2包patchwork包在可视化结果(右上角)中插入logo图片目录
ubuntu中命令打开图片、文档、音乐、视频等
ubuntu中命令打开图片.文档.音乐.视频等安装播放软件 sudo apt install libdvdnav4 libdvdread4 gstreamer1.0-plugins-bad gstr ...
word文档html图片不能移动,win7系统Word中插入的图片不能移动的解决方法
很多小伙伴都遇到过win7系统Word中插入的图片不能移动的困惑吧,一些朋友看过网上零散的win7系统Word中插入的图片不能移动的处理方法,并没有完完全全明白win7系统Word中插入的图片不能移动 ...
java jframe显示图片_java怎么在JFrame中显示动态图片
java怎么在JFrame中显示动态图片 (2012-09-16 23:39:54) 标签: 杂谈 import java.awt.Graphics; import javax.swing.Image ...

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

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

最新文章

热门文章