公式通販サイトheaderのバナー横並びについて

Question

お世話になっております。

弊社、公式通販サイトのヘッダーに横並びで細長いバナーが２つ並ぶようにしたいです。
今、手を加えましたが、変なふうにしか表示されません。

あけましておめでとうセットというバナーと極上ほうじ茶というバナーをフロートで横に並ぶよう並べたいです。
htmlぐちゃぐちゃでお恥ずかしいのですが、、、、、

ご覧いただき、横並びにする方法を教えて頂けないでしょうか。
どうぞよろしくお願いいたします。、

http://www.morinoen.com/

Answer

ECマスターズの田中です。

CSSの記述にて、
p#yokoleft {
の２行上に、全角スペースが入っていることが原因で、
直後の規則（p#yokoleftに対する規則）が無効化されておりますので、
全角スペースを削除していただけますでしょうか。

Answer

ECマスターズの田中様

解決いたしました。
ありがとうございます。

また続けての質問で申し訳ございませんが、
この横並びにしたバナーの下にmargin-bottom:5pxを設定したいと思います。
CSSでは横並びのバナーをdivで囲んだ後、divにmargin-bottomの設定をしているのですが、反応がありません。
divに直接styleで指定をすれば、反応があるんですが、ｃｓｓでの記述ではなぜ
反応がないのでしょうか。

お手数をお掛けいたしますがどうぞよろしくお願いいたします。

Answer

ECマスターズの田中です。

ID属性が「yoko2」の要素へ指定する必要がありますので、
yoko2 {	zoom:1;
の先頭に#をつけて、
#yoko2 {	zoom:1;
にご変更ください。

Answer

ECマスターズの田中様

早速のご回答ありがとうございます！
初歩的なことでした。。
すっきりいたしました！ありがとうございます。