title: how to give two different colors to two different text on a button
body: <p>in the following JSFiddle how can make The text"production "color blue and its value down there,green,for example!</p>
  
  <p>html</p>
  
  <pre><code>&lt;button id="btnProduct" type="button" class="Btns" &gt;
  </code></pre>
  
  <p></p>
  
  <p>css</p>
  
  <pre><code>.Btns {
          width:200px;              
          height:75px;
          background-color:lightblue;
          color:black;
          font-weight:bold;
  
      }
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code>$("#btnProduct").html('Production:&lt;/br&gt;&lt;/br&gt;'+55);
  </code></pre>
  
  <p><a href="https://jsfiddle.net/48mah2jx/2/" rel="nofollow noreferrer">The Example</a> </p>