<画像：ｻﾝﾌﾟﾙ画像：入力ﾌｫｰﾑ>

どこにでもありそうな､よくある入力ﾌｫｰﾑ｡
ﾃｷｽﾄﾎﾞｯｸｽとﾎﾞﾀﾝを横一列に並べたい場合､3ｷｬﾘｱ1ｿｰｽで実現するにはtableが必要になってきます｡

tableのｾﾙの中に入力ﾌｫｰﾑとﾎﾞﾀﾝを入れないと､auで改行してしまいます｡

<画像：ｻﾝﾌﾟﾙ画像：入力ﾌｫｰﾑ>

tableを使っていないｻﾝﾌﾟﾙﾍﾟｰｼﾞ
<画像：QRｺｰﾄﾞ>
→ｻﾝﾌﾟﾙﾍﾟｰｼﾞを見る

tableを使っているｻﾝﾌﾟﾙﾍﾟｰｼﾞ
<画像：QRｺｰﾄﾞ>
→ｻﾝﾌﾟﾙﾍﾟｰｼﾞを見る

入力ﾌｫｰﾑとﾎﾞﾀﾝを隣同志のｾﾙにいれればOKです｡

<table>
<tr>
<td><input type="text" size="20" style="width:160px;" /></td>
<td><input type="submit" value="検索" /></td>
</tr>
</table>

docomoとsoftbankはtableに入れなくても横一列になるんですけど､auではなぜかなりません｡
入力ﾌｫｰﾑの横幅をどんなに短くしても､ﾎﾞﾀﾝが改行して表示されてしまうのです｡

ﾌｫｰﾑを中央揃えにするために､tableの外側のdivでtext-align:center;を指定しているのですが､softbankではそれだけだとｾﾝﾀﾘﾝｸﾞしてくれません｡

<画像：ｻﾝﾌﾟﾙ画像：入力ﾌｫｰﾑ>

よって､tableにmargin:0 auto;を指定します｡

完成ｻﾝﾌﾟﾙﾍﾟｰｼﾞ
<画像：QRｺｰﾄﾞ>
→ｻﾝﾌﾟﾙﾍﾟｰｼﾞを見る

これで､検索ﾎﾞｯｸｽのようなﾌｫｰﾑ＋ﾎﾞﾀﾝ横一列･中央揃えが3ｷｬﾘｱ1ｿｰｽで実現できます｡

htmlの場合は?

xhtmlの場合と異なり､tableを使わずともﾃｷｽﾄﾌｫｰﾑとﾎﾞﾀﾝを横並びにすることが可能です｡

htmlのｻﾝﾌﾟﾙﾍﾟｰｼﾞ
<画像：QRｺｰﾄﾞ>
→ｻﾝﾌﾟﾙﾍﾟｰｼﾞを見る

<div align="center">
<form action="#" method="post">
<input type="text" name="" size="10"><input type="submit" value="検索">
</form>
</div>