htmlで画像を2個ずつ並べていきたいです

htmlでホームページを作っています。
リンクつきのバナーをページに2個ずつ
□　　□
□　　□
↑このような感じで並べようと思い、
<img align="left" src="画像url" alt="名前" border="0">
<img align="right" src="画像url" alt="名前" border="0">
で並べてみました。
横の間隔はこれでうまく言っているのですが、
これを縦に並べていく時、上のバナーと下のバナーがくっついてしまいます。
そこにも一行分くらいの間隔を開けたいです。どうすればいいでしょうか？

No.2 ベストアンサー 回答者： fnfnnis3 回答日時： 2015/07/18 16:26

連投ご無礼します。

ご質問の件だけなら、imgタグ内に hspace="20" vspace="20" でできますね。
数値は適当に試してください。
表でcellpading="20"とかcellspacing="20" とかでも可能かと思います

No.3 回答者： Ogre7077 回答日時： 2015/07/18 17:42

上下のバナーを一つに括って、行間を padding または margin で指定しては如何でしょうか

<style>
aside { float:right; }
aside ul { list-style-type:none; margin:0; padding:0; }
aside ul li { padding:0.5em; }
</style>

<aside><ul>
<li><a href><img src></a>
<li><a href><img src></a>
</ul></aside>

No.1 回答者： fnfnnis3 回答日時： 2015/07/18 16:18

テーブルタグ使ったら、いかがですか？

<table border="0" width="600">
<tr><td><a href="http://xxx">
<img src="画像url" alt="名前" border="0"></a></td>
><td><a href="http://xxx">
<img src="画像url" alt="名前" border="0"></a></td></tr>

これで、<tr></tr>間を繰り返し、最後に</table>
となります。
widthはたまたま600にしましたが、<td width="300">を前提にしてますから
imgにも幅設定して、それに合わせてください。
表の真ん中にimgを配置するなら、それぞれの前に
<p align="center">を配置すればきれいに仕上がります。