如何用css，在两个按钮间插入一段空隙

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：button { margin-right: 10px}。

3、浏览器运行index.html页面，此时成功在2个按钮间插入了1个10px的空隙。

1.1、line-height为20px案例，DIV+CSS代码：

2.行高line-height实现段落间距

分别设置20px和50px行高样式案例，对比发现不同行高值，段落上下间距也产生不同距离，所以使用line-height可以设置段落间距距离，但这里不推荐使用line-height设置段落之间间距。

二、css padding内补白（内边距）

可以推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。

关键字：p{padding:10px 0}

接下来DIVCSS5以案例演示CSS段落上下距离设置。

1、设置上下内补白为10px(padding:10px 0)完整css+div代码：

2.添加如下属性到关联的css文件里：

p{

padding: 0

margin: 0

}

然后在指向段落的样式属性里添加以下css代码：

margin-bottom: 20px

数值可自由设定。

3.设定文字内容

标签的margin-top和margin-bottom值，前提是你的段落是用<P>标签进行分段的，而不是单纯的<br />。

设置HTML浮动布局距离屏幕左右两边的距离可以使用CSS中的margin属性，margin属性用来设置元素在上下左右的边距，其语法格式如下：

margin:top right bottom left；

该语法可以为元素设置上下左右四个边框的外边距，允许你指定一个，两个，三个或者四个值，例如：

margin:10px表示上下左右四个外边距均为10px

margin:10px 20px表示上下外边距为10px，左右外边距为20px

margin:10px 20px 30px表示上外边距为10px，右下外边距为20px，左外边距为30px

margin:10px 20px 30px 40px表示上右下左外边距分别为10px，20px，30px，40px

因此，你可以使用margin属性来设置元素距离屏幕左右两边的距离，如：margin:0 10px表示元素距离屏幕左右两边的距离分别为0px和10px。

---