Html 使用CSS对齐图像、按钮和动画文本

所以我有了这个头版，我试着让按钮向中间对齐，就像文本下面一样，但我试着添加边距，它不会移动。有什么建议吗

视差{ 高度：100vh； 宽度：100%； 背景色：#C4CBCA； 背景附件：滚动；/*修复：图像滚动；滚动：图像停留*/ 背景位置：中心； 背景重复：无重复； 背景尺寸：封面； } .创造{ 背景色：#a4cdd1； 颜色：白色； 最小宽度：214px； 边界：无； 高度：43px； 显示：内联块； 浮动：对； 字体：700 15px拉托字体，arial字体，helvetica字体，无衬线字体； 文本转换：大写； 文本对齐：居中； 对齐项目：居中； 填充：13px 15px 10px； /*左边距：300px*/ /*边缘顶部：10px*/ 边界：无； 光标：指针； } #动画示例{ 字体：700 30px拉托字体、arial字体、helvetica字体、无衬线字体； 颜色：#5D5F71； 浮动：对； 利润上限：200px； 右边距：20px； } .动画{ 动画持续时间：1s； 动画填充模式：两者都有； 动画计时功能：线性； } @关键帧lightSpeedIn{ 0%{transform:translateX（100%）skewX（-30度）；不透明度：0；} 60%{transform:translateX（-20%）skewX（30度）；不透明度：1；} 80%{transform:translateX（0%）skewX（-15度）；不透明度：1；} 100%{变换：translateX（0%）skewX（0度）；不透明度：1；} } lightSpeedIn先生{ 动画名称：lightSpeedIn； 动画计时功能：放松； } .lightSpeedIn{ 动画持续时间：1s； }

头版
这里有一些文字

因此，让你头疼的是浮点数，它覆盖了你之后添加的任何内容

现在我不认为这是最好的解决方案，但是如果你移除浮动，你可以添加任何你需要的余量来移动按钮

---

你需要研究的是引导，它是一种更干净的方式来格式化很多内容，所以这里最让你头疼的是浮点数，它覆盖了你之后添加的任何内容

现在我不认为这是最好的解决方案，但是如果你移除浮动，你可以添加任何你需要的余量来移动按钮

---

对于您来说，需要研究的是引导，它是一种更为简洁的方式来格式化很多内容

<div class="create_wrapper">
  <div class="create">
    <a href="#" class="button">Create Template</a>
  </div>
</div>

CSS
.create {
  background-color: #a4cdd1;
  color: white;
  min-width: 214px;
  border: none;
  height: 43px;
  display: inline-block;
  font: 700 15px Lato, arial, helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  padding: 13px 15px 10px;
  margin: auto;
  border: none;
  cursor: pointer;
}

.create_wrapper {
  width: 100%;
  text-align: center
}

CSS
.创造{
背景色：#a4cdd1；
颜色：白色；
最小宽度：214px；
边界：无；
高度：43px；
显示：内联块；
字体：700 15px拉托字体，arial字体，helvetica字体，无衬线字体；
文本转换：大写；
文本对齐：居中；
对齐项目：居中；
填充：13px 15px 10px；
保证金：自动；
边界：无；
光标：指针；
}
.创建包装{
宽度：100%；
文本对齐：居中
}

尝试执行此操作删除浮点数：右起。创建

<div class="create_wrapper">
  <div class="create">
    <a href="#" class="button">Create Template</a>
  </div>
</div>

CSS
.create {
  background-color: #a4cdd1;
  color: white;
  min-width: 214px;
  border: none;
  height: 43px;
  display: inline-block;
  font: 700 15px Lato, arial, helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  padding: 13px 15px 10px;
  margin: auto;
  border: none;
  cursor: pointer;
}

.create_wrapper {
  width: 100%;
  text-align: center
}

CSS
.创造{
背景色：#a4cdd1；
颜色：白色；
最小宽度：214px；
边界：无；
高度：43px；
显示：内联块；
字体：700 15px拉托字体，arial字体，helvetica字体，无衬线字体；
文本转换：大写；
文本对齐：居中；
对齐项目：居中；
填充：13px 15px 10px；
保证金：自动；
边界：无；
光标：指针；
}
.创建包装{
宽度：100%；
文本对齐：居中
}
<代码> > p>尝试对齐<代码>。如果要在中间，则创建< /代码>为中心。

.create{ text-align: center; }

尝试对齐<代码>。如果你想在中间，创建< /代码>中心。
.create{ text-align: center; }

在样式上添加以下css：

.parallax {
    position: relative;
}
.create {
    position: absolute;
    bottom: 0;
    right:0;
}

选中live
在您的样式中添加以下css：

.parallax {
    position: relative;
}
.create {
    position: absolute;
    bottom: 0;
    right:0;
}

选中live
为此创建一个提琴以提供更好的解决方案。为此创建一个提琴以提供更好的解决方案。实际上是浮动阻止了它移动。非常感谢。实际上是浮子阻止了它的移动。非常感谢。