title: How to have Image and Text Center within a Button
body: <p>I want to display <code>TEXT</code> and <code>Icon</code> on a Button.  </p>
  
  <pre><code>+----------------------------+
  |          Icon TEXT         |
  +----------------------------+
  </code></pre>
  
  <p>I tried with </p>
  
  <pre><code>&lt;Button 
        android:id="@+id/Button01" 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:paddingLeft="40dip"
        android:text="TEXT"
        android:drawableLeft="@drawable/Icon" /&gt;
  </code></pre>
  
  <p>But <code>Text</code> and <code>Icon</code> is not in center.<br>
  My <code>Text</code> size varies, according to text size <code>Icon</code> and <code>Text</code> should get adjusted to center.  </p>
  
  <p>How should i do it? </p>