需要帮助在 CSS 中将按钮居中

Question

我正在努力使下载按钮正确。我希望它位于中心。但每次我最终都会把它放在奇怪的位置。

.PDF-Download {
  display: block;
  border-color: rgb(218, 251, 3);
  text-align: center;
  padding: 10px 10px;
  border-radius: 10px;
  background-color: rgb(204, 192, 28);
}

<p class="PDF-Download">Download PDF Summary</p>

Answer 1

您所要做的就是添加保证金。

.PDF-Download {
  display: block;
  border-color: rgb(218, 251, 3);
  text-align: center;
  padding: 10px 10px;
  margin: 10px 150px;
  border-radius: 10px;
  background-color: rgb(204, 192, 28);
}

<p class="PDF-Download">Download PDF Summary</p>