ボタンを横に並べて表示させる方法

<input type="button"> ←このボタンを、並べて表示させるにはどうしたら良いでしょうか？ （tableは使わない方法で） よろしくお願いいたします

No.1 ベストアンサー 回答者： outbrave 回答日時： 2011/04/06 16:48

ソースをください。

inputはインライン要素なので改行は入らないです。

この回答へのお礼

ご指導のとおり、結果として、普通にやってみたら普通に横に並びました。
（同じ悩みを持った人が検索してもいなかったのは当然ですね。。）


★自分の場合の今回の原因は、ただ<table><tr><td>の幅が狭すぎて、横に表示するためのスペースがなかったためと判明しました。m(_ _)m


どうもありがとうございました！！

お礼日時：2011/04/07 18:42

No.2 回答者： hinananana 回答日時： 2011/04/07 09:41

1さんの言うとおりインライン要素なので

<input type="button" value="ボタン" />
<input type="button" value="ボタン" />

で横に並びます。

他に方法があるとしたら、floatを使ったり
liを使うのがあるかなと。

ul{ list-style:none;margin:0;padding:0; }
li{ display:inline; }

<ul>
<li><input type="button" value="ボタン" /></li>
<li><input type="button" value="ボタン" /></li>
</ul>

この回答へのお礼

ご丁寧にどうもありがとうございます！

ご指導のとおり、結果として、普通にやってみたら普通に横に並びました。
（同じ悩みを持った人が検索してもいなかったのは当然ですね。。）

////////////////////////////////////////////
ご指導いただいたように、CSSを使ってもっと難しいものなはずだと考えていただけに
拍子抜けしてしまいました。
////////////////////////////////////////////



★自分の場合の今回の原因は、ただ<table><tr><td>の幅が狭すぎて、横に表示するためのスペースがなかったためと判明しました。m(_ _)m


どうもありがとうございました！！

お礼日時：2011/04/07 18:48