CSS------給字體添加邊框時，邊框大小無法改變問題

如圖：

代碼：(需要將display屬性設置為inline-block,在設置height和line-height調整位置)

//品牌點擊
$(".li-brand").click(function () {
　　var str = "";
　　str += "<div style = 'display:inline;border:1px solid orange;padding:4px'>品 牌: " + $(this).text() + "<em style = 'display:inline-block;height:14　　px;line-height:15px;cursor:pointer;border:1px solid orange'>X</em></div>";
　　$(".select-brand-x").html(str);
});