画像を二つ並べた時に左に余白を入れたいのですが

質問

ブログをやっています。

ブログで画像を2つ並べる時、縦の写真を並べると左に寄ってしまうで、左に空間をあけるか、画像を2つ一緒に真ん中にもってきたいと思っています。

右に少し寄せようとスペースキーを一度押しただけで、二つ目の画像が下に落ちてしまいます。
テンプレートの幅は問題ないのですが、どうしたら上手くスペースをあけれるのでしょうか？

ちなみに以下の方法で画像を並べています。
（関係のないことも書いているかもしれませんし、必要な情報がぬけているかもしれませんが、素人ですのでご容赦ください）
・一つ目の画像の<>の中に、align="left"を入れています。
・一つ目と二つ目の画像の間にはスペースキーでスペースをとっています。
・二つ目の画像の<>の後に<br clear="all">をつけています。

よろしくお願いします。

回答No.2

naokita · ベストアンサー

文章では、やりたい事がわかりませんが
（縦とか横とか？？　HTMLを表示するとよい）
NO.1さんへの補足も踏まえて、直接記述で、

<img src="img/logo.gif" width="100" height="100" alt="*">
例えば、１つ目の画像が、こんな画像なら
<img src="img/logo.gif" width="100" height="100" alt="*" style="margin: 10px 40px 0 20px;">
として表示して微調整。
10px 40px 0 20pxは、画像の上10px 右40px 下0px 左20pxに隙間を空けるので、数値はあくまで例なので適当に変更。不要な隙間部分は0に。
--------------------------------------------
下記の方がわかりやすいかな。　align="left" は不要。
例：　中央表示で、１つ目の右に40pxの隙間をあける場合。

<div style="text-align: center;">
<img src="img/logo.gif" width="100" height="100" alt="*" style="margin-right: 40px">
<img src="img/logo2.gif" width="100" height="100" alt="*">
</div>

--------------------------------------------
これでスペースを自由に出来るけど、他にCSSの因果関係や優先順位があったり、HTMLとCSSを両方把握しないと正確な表示はできないよ・・・

お礼

アドバイス、ありがとうございました。

状況をきちんと説明できなくて申しわけございませんでした。
アドバイスどおりに行なってみたところ、
やりたかった状態にできました！！！！

感謝しております。
ありがとうございました。

回答No.1

DIooggooID

html の解釈上、スペースキーで入力したスペースは、あまり
意味がありません。

スペースを空ける場合、こちらを参考にしてみてください。

http://www.tohoho-web.com/how2/space.htm#space

補足

早速のアドバイス、ありがとうございます。

リンク先を見てきたのですが、私が参考にすべき箇所は
●左右に適度なスペース（余白）を空けるには・・
でよろしいでしょうか？

これですとスタイルシートを変える？必要があるように思うのですが、
私は記事を投稿する原稿？を書くところで
スペースをとる手段をとりたいと思っています。

言いたいことが上手く言えなくてすいません。