title: Align overlapping text in TextViews
body: <p>I want two TextViews to overlap such that individual letters will overlap perfectly (i.e. you can't even see there is another TextView on the screen). Here is the relevant part of my layout:</p>
  
  <pre><code>&lt;com.testing.android.animals.OutlinedTextView
  android:id="@+id/label_left_name"
  android:layout_height="wrap_content" 
  android:layout_width="wrap_content"
  android:text="Elephant"
  android:layout_alignTop="@id/picture_left"
  android:layout_centerHorizontal="true" 
  android:textColor="#ffffff" 
  android:textSize="40dp"
  android:background="#99000000"
  &gt;&lt;/com.testing.android.animals.OutlinedTextView&gt;
  
  &lt;com.testing.android.animals.OutlinedTextView
  android:id="@+id/label_left_letter"
  android:layout_height="wrap_content" 
  android:layout_width="wrap_content"
  android:text="E"
  android:layout_alignBaseline="@id/label_left_name"
  android:layout_alignLeft="@id/label_left_name"
  android:textColor="#ffffff" 
  android:textSize="40dp"
  android:background="#99ffffff"
  &gt;&lt;/com.testing.android.animals.OutlinedTextView&gt;
  </code></pre>
  
  <p>When rendered, it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/7G0D1.png" alt="enter image description here"></p>
  
  <p>Notice the individual "E" (in light gray) is aligned too high. </p>
  
  <p>What can I change in the layout that will get them to overlap better? </p>