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等を呼び起こす事は考えたのですが、何を応用すれば良いのか全くわかりません。アイディアがある方、共有して頂けますでしょうか？

レベルの低い質問かとは思いますが、何卒宜しくお願い致します。

回答No.1

ORUKA1951

<center>は非推奨の代表格でHTML4.01strict以降はない要素(HTML5にも当然ない)ですが・・
それはさておいて、

　javascritでソースを書き出しているのですから、その結果のHTMLに対してスタイルを適用させれば良いです。
　firefoxのfirebugアドオンを利用して、表示されるHTMLから、スタイルを適用させたい要素を見つけ出し、それに対して左のスタイルシート編集枠で色々と付け加えてみるのが良いでしょう。