css - タグ クラウドを div に自動適合

Question

div 内にいくつかのタグ クラウドを配置しています。タグ クラウドごとに親指を下に向けたアイコンがあり、 http: //www.cssflow.com/snippets/sliding-tags のスライド タグ css を使用しました。

タグ クラウドが 80px を超える場合、その div 内に収まりません。jqueryのワードラップとfittextプラグインを使用しましたが、うまく機能しませんでした。それに対する可能な解決策を提案していただけますか？

私はそれのためにフィドルを作成しました: http://jsfiddle.net/aexqoe8n/1/

Js側：

resultDiv = document.getElementById('tokenCloudResultDiv');
resultDiv.innerHTML = '';
resultDiv .innerHTML="<ul  class='tags blue' style='list-style-type: none;padding:5px;'>";
for (i in json) {
    addToken(resultDiv, i, json[i]);
}
resultDiv.innerHTML=resultDiv.innerHTML+"</ul>";

function addToken(target, key, result) {
    var str;
    var weight;

    if(result['tagWeight']>80)
        $("#tokenCloudResultDiv").fitText(1.2);

    weight= "style='font-size: " + result['tagWeight']  + "px;'";
    if(addedAutomatically)
    str = "<li><div><a " + weight + " >" + result['tagName'] +"</a><span   class='thumbsDownIcon' id ='" + tagId + "' style='display:block;cursor:pointer;' ></span></div></li>";
    target.innerHTML += str;
}