Javascript 如何在div中强制使用字符串？

我有一个div，它包含一些元素，在其他包含字符串的div中，这个div服从类项_块，它包含在一个名为gallery的大div中，因此，当我将这个div附加到gallery div中，并附加字符串之外的其他元素时，这些元素适合这个div，但字符串不适合，请看下图。项目块为黄色，字符串为棕色：

 #gallery {
    position: absolute;
    width: 75%;
    /*height: 100%;*/
    bottom:0;
    z-index: 1;
    top: 35px;
}

      .item_block {
        background-origin:content-box;
        background-color:#DAD1A2;
        background-image:url(../Images/logo2.png);
        background-position:center;
        background-repeat:no-repeat;
        height: 25%;
        width: 25%;
        line-height: 450px;
        font-family: Arial, Helvetica, sans-serif;
        text-indent: 0px;
        vertical-align: middle;
        text-align: center;
        position: relative;
        float: left;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;

    }
 .item_name {
    background-color: #68782C;
    position: absolute;
    height: 35%;
    width: 100%;
    background-repeat: repeat;
    background-position: center center;
    top: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: #FFFFFF;
}

我用JQuery将数据附加到JS中，如下所示：

---

这是整个代码的完整部分。

您对此的相关最小值/HTML是多少？您能发送完整的HTML代码吗？或者将其上传到问题中添加的整个代码的JSFIDLE

$("#gallery").append('<div class="item_block hasoptions">price:'+$('menu').find(selecteditem).children().eq(si).attr('price') +'<div class="add_btn"></div><div class="item_name">'+ realitemname +'</div></div>');