ブログのプラグインに大きさがバラバラなバナーを綺麗に並べたいのですが可能ですか？

このブログなんですが...↓↓

左下のフリーエリアにバナーがたくさん貼ってあります。

横に並べる方法は教えてもらいました。
<ol style="list-style-type:none;">
<li style="float:left"">要素１</li>
<li style="float:left"">要素２</li>
・・・
</ol>
↑↑このようにしています。

でも大きさがバラバラなので、どうしても変な間隔があいてしまいます。
コレを端から端まで、プラグインのスペースをできるだけ使って、敷き詰めて表示したいのです。
順番を変えればいいのでしょうか？

もっと言えば、バナーとバナーをぴっちりくっつけるのではなく、ちょっとでいいのですが縦横に適度な間隔もあけたいのです...。

(■←バナー)

■■■■｜☆
■■■■｜本
■■■■｜文
■■■■｜☆

↑こんな感じに...(分かりにくくてすみません；)
可能でしょうか？教えてください。

まず1つフリーエリアで設定する際に改行設定がなされているために、<br>タグが多く含まれています。それが原因でずれているのが大きいと思います。

空白をあけるのであれば下記のようにすれば良いと思います。
<li style="float:left; margin:5px">

リストタグを使った場合は上から順番に左から適当につめていきます。拝見したところ画像のサイズがマチマチのようなので、それをきっちり並べるとなるとリストタグを使うのではなく、テーブルタグでがっちり組んだほうが早いように思います。

テーブルタグの使い方は下記を参考にしてみてください。