如何设置框内的标签（下面添加的图像），例如红盒标签：“2个问题”

Question

红色应该在其中标有“2个问题”，黄色框：“4个问题”...... 我无法为这种情况添加css。

在下面的代码中我尝试添加标签，但它不起作用，我无法找到应该用于在框内显示文本的属性;

content += "<tr rowspan = \"3\"><td><div class=\"project-name\">"+args.chart.chartWidth[i].project+"</td>";
content += "<td colspan = \"5\"><div class=\"box-container"+i+"\"><div class=\"box"+i+" red" +i+ "\"></div><div class=\"box"+i+" yellow" +i+ "\"></div><div class=\"box"+i+" green" +i+ "\"></div></div></td></br></tr>"; 
content += "<style type=\"text/css\"> ";
content +=".box-container"+i+"{   padding: 10px;display: table-cell;text-align: center;vertical-align: middle; }";
content +=".box"+i+"{float: left; box-shadow:3px 3px 2px #666767; height:30px;}";
content += ".red" +i+" { width: " + redWid + "px; background-color:#ff0000; **label:"2Issues"** }";
content += ".yellow"+i+" { width: " + yellowWid + "px; background-color:#ffff00; **label:"3Issues"**  }";
content += ".green"+i+" { width: " + greenWid + "px; background-color:#00ff00; **label:"4Issues"** }"; 

Answer 1

只需在红色，绿色和黄色的div之间添加文字，就可以在框内显示标签。