TumblrのJSONについて
現在自分のwebsiteに、tumblrからとってきたjsonを駆使してブログパーツを取り付けようと思っています。
以下の様にhtmlに書き込んでいます。
<center>
<script type="text/javascript" src="http://○○○（ユーザー名）.tumblr.com/api/read/json?num=50&type=photo"></script>
<script type="text/javascript">
show_number = 50; // 表示数
for (i = 0; i < show_number; i++) {
label= tumblr_api_read["posts"][i]["photo-url-500"];
text=tumblr_api_read["posts"][i]["photo-caption"]
url = tumblr_api_read["posts"][i]["url"];
document.write('<a href="', url, '" target="_blank"><img src="',label,'"><br/></a><br/><br/><div class="tumblr_title">',"", text,"", '</div>' );
}
</script>
</center>
●何がしたいか●
貼付ければ全く問題なく動作するのですが、表記されるそれぞれのコンテンツを立て並びではなく、横並びにするには一体どうすれば良いのでしょうか。
document.write(',,,
の部分にcss等を呼び起こす事は考えたのですが、何を応用すれば良いのか全くわかりません。アイディアがある方、共有して頂けますでしょうか？
レベルの低い質問かとは思いますが、何卒宜しくお願い致します。
補足
ありがとうございます！返事が遅くなってしまって申し訳ありません！ ソースを表示でみるとそうなっているのですが、 テーマのhtmlを見てみると {block:IndexPage}<div class="el"></div>{/block:IndexPage} {block:IndexPage}<div class="cel bord1 tlr0" title=" ">{/block:IndexPage} しか書いてないのです。 どうしてでしょうか？