Amazonアソシエイトリンクを横に並べる方法

今回の記事は私の備忘録みたいなものです。

Amazonのアソシエイトリンクって縦長の小さいやつ。

あれを複数並べたときに縦並びになるので、それを横並びにしたいという話。

<div style="float:left; margin: 10px;">
</div>

アマゾンのコードを、上のdivで囲めばいいです。

アマゾンコードが１つだけなら必要ありません。

２つ以上並ぶときだけ必要。

そして最後にこれを入れておく。

<div style="clear: both;"></div>
</div>

これをやっておかないと、その下のパーツがずれてしまいます。

以上ご参考になさってください。