title: How to space text in a button
body: <p>Have a task where I have some information in a button that needs to all be aligned to the same sides.</p>
  
  <p>Its a digitized phone menu so the info on the left size is the line name and the information on the right is the lines extension. I want to align all of the extensions right. </p>
  
  <p>I used buttons that activate Modals with more information. The buttons are required for the form of modal I am using. (Or at least that is what I found in research.) 
  Tried paragraph tricks but they broke the buttons function. </p>
  
  <pre><code>&lt;button type="button" class="btn" data-toggle="modal" data-target=".HPENET_MODAL"&gt;2 - HPE Networking ................................................... XXXXX&lt;/button&gt;
  </code></pre>