1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。
创新互联坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。10年网站建设经验创新互联是成都老牌网站营销服务商,为您提供网站建设、成都网站制作、网站设计、HTML5建站、网站制作、成都品牌网站建设、微信小程序服务,给众多知名企业提供过好品质的建站服务。
2、打开vscode，创建一个H5规范的页面，用于演示html行间距的设置方式。如果没有vscode，使用文本文件也是一样的效果，只不过文件名需要以.html结尾。
3、设置两个div之间的间距的方法：先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。
4、html中设置div之间的距离方法：使用{margin：top right bottom left }。分别设置上、右、下、左的距离。
5、如果上面的div中你使用过float浮动的话，那么你需要在上面的DIV结束时候加多一个div来清除上面div所产生的浮动。 clear：both 这样的样式。然后下面的div加上样式 margin-top：20px； 就可以产生20px的像素间距了。
首先打开hbuilder软件，新建一个html文件，在html里面写入html结构，在给每个子div设置一个class属性。
三列布局的话，设置宽度小于总宽的1/3，然后全部浮动左float：left；就可以了。
这个可以通过Position定位得到。你的DIV宽固定的情况下：DIV 父级：增加：position：relative。
通过class设置p标签的样式，让p标签浮动向左，并定义它的背景色为灰色。在css标签内，使用padding属性设置p标签的内边距为20px，从而实现文字四周空白距离的定义。以上就是css怎么把p便签放在div距离20px的方法。
你试试每个DIV添加一个float：left，然后 margin： 0px； padding： 0px；然后你那个display：inline-block；我觉得基本是没用的。一般在开始写CSS的时候，都需要先写明公共样式。清除块元素中默认的margin，padding属性。
首先我们创建一个html文件，引入必须的css文件后，创建一个父div和两个子div作为测试。最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比。
在文件夹中创建一个“test”的html文件。如图所示 在里面添加html标签框架。如图所示 在里面添加一个“div”并放入文字。如图所示 然后我们发现默认文字之间比较紧凑。
实现所需CSS样式：首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：div{padding： 20px；border： 1px solid blue；}。
控制文本与边框的距离，要使用css的内边距属性padding来实现。
