Jquery 将文本放置在按钮css的顶部和按钮上

我是HTML CSS新手，我有一个按钮，其规格如下：

.Btns {
            width:200px;              
            height:75px;
            background-color:lightblue;
            color:black;
            font-weight:bold;

        }

这是我的按钮：

<button id="btnProduct" type="button" class="Btns"/> 

SUFFPro是一个整数值，我从Ajax得到的，不管怎样，我的问题是如何把文本放在按钮的顶部和中间或底部的值？ 我指的是生产和价值，我指的是Sumopro，谢谢你的帮助

.Btns{
宽度：200px；
高度：75px；
背景颜色：浅蓝色；
颜色：黑色；
字体大小：粗体；
填充：0；
}

---

Production:123

按钮可以包含HTML。将两个元素嵌套在按钮内，一个用于字符串“Production”，一个用于sumopro+“Kw/h”，并以与放置任何其他HTML完全相同的方式将它们放置在按钮内。是否可以将Production文本置于上方？我的意思是靠近边框线，您可以通过添加更多的

来增加两行之间的高度。看看最新的小提琴

 $("#btnProduct").html('Production:'+sumOfpro+' Kw/h');