使用CSS创建的中心.page-desc按钮

Question

我正在尝试将一个按钮放在Squarespace中，该按钮由CSS和页面描述中的链接组成。

我使用了This Squarespace Question提供的代码。它完美地获得了按钮，但它最终真的偏斜了.. link

有没有人知道我可以使用任何代码在屏幕上动态居中按钮（页面描述链接），就像makebybump.com等其他选框一样？

我已经尝试了边距，填充和位置：阻止，但这些都不起作用，最终在CSS编辑器中变灰。

谢谢！

Answer 1

这取决于你的其余代码。但是这里有两种方式：

1. 如果您指定了按钮的宽度。尝试将此样式添加到按钮：margin: 0 auto;

2. 或创建一个div标签，其中按钮将放在里面。并将这些样式添加到div：

   float:left; width:100%; text-align:center;

Answer 2

.example-btn{
     width:100px;
     height:1000px;
     line-height:100px;
     border:1px solid red;
     overflow:hidden;
     text-align:center;
     position:relative;
 }