Keeping same text alignment on different button types

Keeping same text alignment on different button types

 
Version jQuery: 1.2

I'm using both collapsible and link buttons on the same page. The issue I'm having is the text position on linked centered and collapsible text on the left.

How can I place the test in the same position on the buttons?

  2. <div data-role="controlgroup" data-inline="true" data-mini="true">
  3. <a href="appetizers.html" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Appetizers</a>
  4. <a href="soups-salads.html" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Soups &amp; Salads</a>
  5. <a href="pizza.html" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Pizzas</a>
  6. <a href="#" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Sandwiches</a>
  7. </div>
  9. <div data-role="collapsible" data-icon="plus" data-iconpos="right" data-inset="yes" data-mini="true">
  10. <h2 align="center">Pasta Dishes</h2>
  11. <ul data-role="listview" data-inset="true">
  12. <li><a href="specPasta.html">Speciality Pasta Dishes</a></li>
  13. <li><a href="pasta.html">Italian Pasta Dishes</a></li>
  14. <li><a href="casseroles.html">Baked Casseroles</a></li>
  15. <li><a href="tortellini.html">Tortellini</a></li>
  16. </ul>
  17. </div>
  18. <!-- /pasta dishes -->
  19. <div data-role="collapsible-set">
  20. <div data-role="controlgroup" data-inline="true" data-mini="true">
  21. <a href="seafood.html" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Seafood</a>
  22. <a href="hicken.html" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Checken Entrees</a>
  23. <a href="veal" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Veal Entrees</a>
  24. </div>
I hope this is enough information for someone to help?