如何对齐网页的按钮中心？

Question

我想把这个按钮居中对齐；有什么想法吗？

<button id="user-button" class="Sign-in"> Sign in </button>

<style>

 .Sign-in{
background-color: springgreen;
border: none;
color: white;
padding: 15px 25px;
text-align: center;
font-size: 18px;
cursor: pointer;
border-radius: 10px;
font-family: Lobster, helvetica;      

 }
</style>

Answer 1

尝试将按钮包裹在 div 中，并为 div 文本对齐属性居中。

CSS:

#button-container {
  text-align: center;
}

<div id="button-container">
  <button>Center Me</button>
</div>

如何对齐网页的按钮中心？

How do I align a button center of the web page?

html

javascript

css

web-frontend