目次

amazon商品リンクを並べる

下記のようにdivタグでくくって並べます。

<div style="display: inline-block; _display: inline;margin: 10px;">
<iframe style ... </iframe>
</div>
 
もしくは単純に
<div style="display: inline-block; margin: 10px;">
<iframe style ... </iframe>
</div>

inlineについて
【CSS】displayの使い方を総まとめ!inlineやblockの違いは?

_displayについて
IE6,7,8,9だけCSSで違う記述を反映させる方法

iframeタグを並べた場合

<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" 
src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B00C2ICGPU&linkId=282efb753e76ed497f8d37080577999c
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
 
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B01D1QNN62&linkId=600029dd9757265618fef78ce0e8125b
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>

縦に表示されます。

divタグでくくった場合

<div style="display: inline-block; _display: inline;margin: 10px;">
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" 
src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B00C2ICGPU&linkId=282efb753e76ed497f8d37080577999c
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
</div>
 
<div style="display: inline-block; _display: inline;margin: 10px;">
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B01D1QNN62&linkId=600029dd9757265618fef78ce0e8125b
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
</div>