首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。
创新互联公司是一家专业提供开原企业网站建设,专注与网站设计制作、做网站、成都h5网站建设、小程序制作等业务。10年已为开原众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
打开vscode，创建一个H5规范的页面，用于演示html行间距的设置方式。如果没有vscode，使用文本文件也是一样的效果，只不过文件名需要以.html结尾。
设置两个div之间的间距的方法：先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。
可以推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。关键字：p{padding：10px 0} 接下来DIVCSS5以案例演示CSS段落上下距离设置。
不过，行间距与半行间距，还是取决于CSS中的line-height。默认状态，浏览器使用0-2 line-height， 这是一个初始值。可以定义line-height属性来覆盖初始值：p｛line-height：140%｝ 可以有5种方式来定义line-height。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：div{padding： 20px；border： 1px solid blue；}。
line-height设置段落上下间距，设置p标签上下间距css代码，p{line-height：30px}margin-top和margin-bottom设置段落上下间距，经由对p标签设置margin-top和margin-bottom，从而来设置段落上下间距。
首先打开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属性。
