Just delving into HTML and CSS, I've created a button with the following styling:
.Btns {
width:200px;
height:75px;
background-color:lightblue;
color:black;
font-weight:bold;
}
Here is the button I've created:
<button id="btnProduct" type="button" class="Btns"/>
Then, I used jQuery to assign a value to it:
$("#btnProduct").html('Production:'+sumOfpro+' Kw/h');
The variable 'sumOfpro' contains an integer value retrieved via Ajax. My query is, how can I position the text on top of the button and the value in the center or at the bottom? By 'text,' I mean 'production' and by 'value,' I'm referring to 'sumOfpro.' Thank you for any assistance you can provide.