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

Question

我正在尝试居中一个按钮，在Squarespace，由CSS和页面描述中的一个链接。

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

谁知道有什么代码可以让我像madebybump.com一样在屏幕上动态地居中按钮(页面描述链接)吗？

我已经尝试了边距、填充和position: block，但这些都不起作用，并且在CSS编辑器中以灰色结束。

谢谢！！

Answer 1

这取决于您代码的其余部分。但这里有两种方法：

如果已指定按钮的宽度，则返回

1. 。尝试将此样式添加到按钮：margin: 0 auto;
2. Or创建一个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;
 }