![]()
- form input テキストを上下中央に表示したい
お世話になります フォームのテキストボックスに表示する文字（value）を「上下左右中央」にしたいのですが 「上下中央」ができずに困っています（IE6、firefox） ※safari3では中央になりました 以下のhtmlを書いています。 paddingやverticalなど試してみたのですが… （buttonのvertical-align:bottom;は、これが無いと上へズレてしまうので、書きました。 これも意味がわかりません。。） とても基本的なことなのですが 検索しても解決策を見つけられませんでした。よろしくお願いします。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style><!-- form input { margin-bottom:10px; color:#fff; border:none; font-size:12px; } form input.mlmg-text { width:150px; height:26px; background-color:green; padding:2px 5px; text-align:center; vertical-align:center; } form input.mlmg-buttton { width:50px; height:30px; color:#fff; background-color:blue; vertical-align:bottom; } --></style> </head> <body> <form method="post"> <input type="text" class="mlmg-text" name="user_mail" value="上下中央に配置したい"><input type="button" class="mlmg-buttton" name="join" value="ＧＯ"><br /> <input type="text" class="mlmg-text" name="user_mail_resign" value="上に寄っちゃう"><input type="button" class="mlmg-buttton" name="resign" value="ＧＯ"> </form> </body> </html>