javascript - これを解決するには？[]

Question

この問題が発生する理由.Hoursdiv に
動的にタグ要素 (番号) を追加しましたが、問題は次のとおりです:- 要素が適切な方法で追加されていません.6
要素を追加した後、スペースが作成されました。

JavaScript コード:-

for(var i=1 ; i<=12; i++) {
    (function () {
        var cc=i;

        if(cc<=9)
            cc='0'+i;

        var _id1 = "time"+cc;
        str1 += "<a  id='"+_id1+"' class='hournum a_Cal' >"+cc+"</a>";
    }());
}

cssコード（h2ooooooo編集注：実際にcssファイルにあるかどうかはわかりませんが、念の'a_cal'ためここに保管しました）：

'a_cal'
.a_Cal{
    text-decoration: none;
    color: black;
    width: 18%;
    height: 11%;
    float: left;
    border-radius: 4px;
}
.hournum{
    padding:5px;
}
.hoursdiv{
    border: 1px solid #6699FF;
    position: absolute;
    top: 25%;
    left: 4%;
    text-align: center;
    color: red;
    width: 45%;
    height: 52%;
    background-color: white; 
}