1、首先找到一款html编辑器，如：打开DW软件，ctrl+n创建一个html文件，如题：使图片靠右，与文字不在同一行，找到一张图片，并且设置图片居右，文字另起一行写入：如下
详解：图片img设置的float:right靠右浮动，p标签在其下面，所以要加个清楚浮动的效果；样式中定义了clear也可以写成：<div class="clear"></div>效果是一样的；
图片靠右浮动，文字另起一行展示主要css属性用于：clear:both清除左右浮动，both换成left:清除左浮动，right是清除右浮动；不添加就会在底层展示；看着是在同一行实则不然，他们在两个层里展示的；
2、页面展示效果：如下
有好几种方法可以解决：1、调整全站的图片CSS，即在CSS当中，增加：img{margin:10px0}，意思即为图片上下增加10像素距离。2、调整文字的CSS，即在CSS当中，增加：p{padding-top:10px}，意思即为段落文字前，增加10像素的间隔。3、最简单的办法，输入文字前，敲上一个回车键，增加一行即可。1.在文件夹中创建一个“test”的html文件。如图所示
2.在里面添加html标签框架。如图所示
3.在里面添加一个“div”并放入文字。如图所示
4.然后我们发现默认文字之间比较紧凑。如图所示
5.现在我们给div设置一个id为“wd”。如图所示
6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示
7.在浏览器中打开我们发现字间距变大了。如图所示
