1. ホーム
  2. html

センターフォーム送信ボタン HTML / CSS

2023-09-21 03:29:55

質問

HTMLのフォーム送信ボタンをCSSで中央揃えにするのに苦労しています。

今、私は使っています。

    <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;
}

と、何もしてくれません。たぶん何か馬鹿なことをやっているのは分かっているのですが。どうしたら直るのでしょうか?

どのように解決するのですか?

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

divで囲んでalign centerにすれば、ボタンに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; }