title: Alignment of text on button
body: <p>I am creating a custom button. I want to set the position of text on button.</p>
  
  <ul>
  <li>I have two background images for button (button_off and button_on) first is for normal button and second is for onFocus / onPressed state.</li>
  </ul>
  
  <p><img src="https://i.stack.imgur.com/VMIBt.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/sn0gb.png" alt="enter image description here"></p>
  
  <ul>
  <li>Now I have to put text on button then it should look like:</li>
  </ul>
  
  <p><img src="https://i.stack.imgur.com/nZ0LR.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/nfCzU.png" alt="enter image description here"></p>
  
  <p>But i am unable to set the exact position of the text on this background button image.
  Please share your suggestion to solve this issue.</p>