ブログでのスクロール枠の設置の仕方

質問

<div style="margin:0px;padding:0px;" align="left"><div style="margin:0px;padding:0px;line-height:1.3;width:200px;background-color:#FFFFFF;"><div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #66CCCC;font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif;text-align:left;font-size:100%;height:5em;scrollbar-arrow-color:#66CCCC;scrollbar-3dlight-color:#66CCCC;scrollbar-darkshadow-color:#66CCCC;scrollbar-face-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;">文章挿入</div></div></div>

スクロール枠です。
これをブログにはめ込んでるんですが、この枠をもう一つ横並びに貼り付けたいのですが、段落ちしてしまいます。
改行はしてないので、それでの段落ちではないです。
お分かりになる方、よろしくお願いします。
ライブドアブログです。

回答No.1

15mm

<div>はブロックレベル要素で、自動で改行が入るものです。

<span>のようにインライン要素でデザインするか、（width指定がうまくいかないブラウザがあったかも）
「display:inline;」を一番外側の<div>に追加するか、
「float:left;」で回り込みをさせてやるか、

といった感じでしょうか？