html - 中心表单提交按钮 HTML/CSS

Question

我在 CSS 中将我的 HTML 表单提交按钮居中时遇到问题。

现在我正在使用:

    <input value="Search" title="Search" type="submit" id="btn_s">
    <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i">

使用这个 CSS 内容

#btn_s{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

#btn_i {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}

它什么也没做。我知道我可能做错了愚蠢的事情。我该如何解决这个问题？

Answer 1

http://jsfiddle.net/SebastianPataneMasuelli/rJxQC/

我只是在它们周围包裹了一个 div 并使其居中对齐。那么你不需要在按钮上使用任何 css 来使它们居中。

<div class="buttonHolder">
  <input value="Search" title="Search" type="submit" id="btn_s"> 
  <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i">
</div>

.buttonHolder{ text-align: center; }