HTMLでボタンを横に２つ並べる方法

質問

XHTMLで、ユーザ登録フォームを作っております。

入力確認ページで、「修正ボタン」「登録ボタン」の２つを横に並べたくCSSをいじくっているのですが、どうも上手くいきません。

HTMLのソース（ボタン部分）は下記の通りです。

<div id="btn_area">
<a href="javascript:send(1)"><img src="画像のパス" width="200" height="44" alt="修正"></a>
<a href="javascript:send(2)"><img src="画像のパス" width="200" height="44" alt="登録"></a>
</div>

以上、ご教授のほどお願い致します。

回答No.1

torayoshi · ベストアンサー

CSSがどうなってるか分かりませんが、クラスセレクタでfloat:left;
「修正」にclass属性を指定すれば普通は横に並びます。

お礼

torayoshiさん

早速のご回答、ありがとうございます。

無事、問題を解決することができました。

ボタン1つのwidthが200pxなのですが、そのボタンを囲っているdivのwidthを450pxとし、右側に置きたいボタンに対してclass属性"class="right_btn""を指定しました。
そして、cssで

#btn_area .right_btn{
float: right;
}

としたところ、ボタンの間に50px開いた状態で横に並べることができました。

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