title: Eclipse shows different then when I debug on my phone
body: <p>This is what eclipse shows me in the editor.</p>
  
  <p><a href="http://i.stack.imgur.com/tjwu9.png" rel="nofollow">http://i.stack.imgur.com/tjwu9.png</a></p>
  
  <p>This is what it looks like when I run it on my phone.</p>
  
  <p><a href="http://i.stack.imgur.com/V6NG5.png" rel="nofollow">http://i.stack.imgur.com/V6NG5.png</a></p>
  
  <p>This is the code im using.</p>
  
  <pre><code>   &lt;LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:gravity="bottom" &gt;
  
      &lt;Button
          android:id="@+id/buttonLocation"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:background="@drawable/settings_button"
  
          android:text="Settings" android:textStyle="bold" android:textSize="24dp"  android:textColor="#000000" android:gravity="center_horizontal"/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I need the settings to be in the center. How do I fix this problem? </p>