1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
不知道你的结构是怎么样的建议给文字加个内边距或者外边距，或者文字缩进也行的<p style="margin-left:40px">冰箱食材</p>
<p style="padding-left:40px“>冰箱食材</p>
<p style="text-indext:40px“>冰箱食材</p>
步骤如下：1.首先，我们准备一个简单的网页用于测试使用。在记事本中输入以下代码：
然后依次点击“文件”——保存，保存文件名为：index.html，保存类型为所有文件。
2.双击打开保存的index.html文件；
3.1.利用marquee标签右移
针对第一种情况，我们可以利用marquee标签来实现图片循环右移。
修改第一个图像的代码：
4，保存后，在浏览器中打开；
2.利用CSS样式右移
针对第二种情况，可以利用css样式来让图片在原来位置的基础上向右偏移给定值距离。
修改第一张图片代码如下：
style=position:relativeleft:10px表示图像在原有位置的基础上向右移动10PX。
