lthtmllthead lttitlehello wordlttitleltstyle type=quottextcssquot*， ul， li margin 0 border 0 padding 0 boxsizing borderbox ul liststyle ul，ul1displayinlineblock floatleftmargin0 autoimgheight200px width200pxul linth。

1 使用背景图片的方式 将图片设为元素的背景通过将图片设置为某个元素的背景图片，可以使图片和文字在同一行显示 设置内边距为了确保文字不会直接覆盖在图片上，可以为该元素设置一个左侧的内边距，这个值通常与图片的宽度相匹配或略大，以确保文字有足够的空间显示在图片的旁边2 使用行内。

1首先准备一个空的HTML5结构，如下图所示，然后在body中添加两个h标签，如下图所示2然后在style标签下书写CSS样式，给h标签的伪元素添加content内容3除了可以运用content添加纯文本内容外，也可以运用它添加文字符号，如下图所示，先定义符号，然后添加符号4接下来就是运用content属性添加。

首先我们先打开自己的DreamWeaver软件，新建一个html5页面，然后命名，保存然后我们先进行简单的页面布局在body部分加入一个div，里面添加ul和li的嵌套我们在li标签中添加部分内容，并设置其宽度为100%，即充满整个屏幕，高度为固定值然后我们找到已经做好的图片，注意图片尽量选择正方形的，大小为30。

副编辑区 1·可以对图片进行更换，裁剪以及滤镜效果处理 2·可以对图片进行更改边框 图片偏移 图片缩放 图片旋转序列帧 触发方式调节 播放延迟设置 播放速度设置 循环播放设置 循环播放延迟设置 图片类型选择 样式，链接，动画，排列参考文字功能设置样式 基础样式 背景。