jquery - 将文本放在按钮 css 的顶部和按钮上

Question

我是 HTML CSS 的新手，我有一个具有以下规范的按钮:

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

        }

这是我的按钮:

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

我在这里使用 jquery 给它赋值:

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

sumOfpro 是我从 Ajax 获取的整数值，无论如何，我的问题是如何将文本放在按钮的顶部，并将值放在中间或底部？ 通过文本，我的意思是生产和值(value)我的意思是 sumOfpro，感谢您的帮助

Answer 1

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

<button id="btnProduct" type="button" class="Btns">Production: 123<br/><br/><br/>Kw/h</button>