在链接按钮和CSS之间留出空间

有谁知道我如何在按钮之间留出一些空间（按钮充当链接）？我在任何地方都找不到答案

CSS代码：

.btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
-webkit-box-shadow: 6px 1px 18px #666666;
-moz-box-shadow: 6px 1px 18px #666666;
box-shadow: 6px 1px 18px #666666;
font-family: Arial;
color: #ffffff;
font-size: 14px;
background: #447494;
padding: 6px 25px 6px 10px;
text-decoration: none;


.btn:hover {
background: #079ce6;
text-decoration: none;

}

---

使用边距在元素边界之间留出空间。

下面包含了要处理的示例代码段

它基本上应该取决于标记的结构。在下面的示例中，添加了一个新的

类

，以突出显示该情况，但您可以删除该类并将属性添加到

。btn

：

.btn{
-webkit边界半径：0；
-moz边界半径：0；
边界半径：0px；
-网络工具包盒阴影：6px 1px 18px#666666；
-莫兹盒阴影：6px 1px 18px#666666；
盒影：6px 1px 18px#666666；
字体系列：Arial；
颜色：#ffffff；
字体大小：14px；
背景：#447494；
填充：6px 25px 6px 10px；
文字装饰：无；
}
.btn:悬停{
背景#079ce6；
文字装饰：无；
}
.btn空间{
利润率：10px0；
}

按钮1
按钮2-给我一些空间！
按钮3
按钮4
按钮5
按钮5
按钮6
按钮7
按钮8
按钮9
按钮10

请发布一条消息，您在

文本装饰后缺少
}
：无将您的标记添加到您正在查找的属性中。
.btn {
   margin-top: 30px;
}