title: Vertical line with centered text
body: <p>I have following list_item.xml:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center_vertical"
      android:orientation="horizontal"&gt;
  
      &lt;LinearLayout
          android:id="@+id/points_a"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_weight="1"
          android:padding="10dp"
          android:orientation="horizontal"&gt;
  
          &lt;TextView
              android:id="@+id/score_a"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:gravity="center_vertical|center_horizontal"
              android:text="@string/zero"
              android:textSize="20sp" /&gt;
      &lt;/LinearLayout&gt;
  
      &lt;View
          android:layout_width="1dp"
          android:layout_height="match_parent"
          android:background="@android:color/darker_gray"/&gt;
  
      &lt;LinearLayout
          android:id="@+id/points_b"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_weight="1"
          android:orientation="horizontal"
          android:padding="10dp"&gt;
  
          &lt;TextView
              android:id="@+id/score_b"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:gravity="center_vertical|center_horizontal"
              android:text="@string/zero"
              android:textSize="20sp" /&gt;
      &lt;/LinearLayout&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Which results in this view:</p>
  
  <p><a href="https://i.stack.imgur.com/i7mqi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i7mqi.png" alt="enter image description here"></a></p>
  
  <p>But I want to have something like:</p>
  
  <p><a href="https://i.stack.imgur.com/qyPfE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qyPfE.png" alt="enter image description here"></a></p>
  
  <p>So just a text on top of the vertical border with some text in it.</p>
  
  <p>I found a solution for a horizontal line, but I was not able to adopt it:
  <a href="https://stackoverflow.com/questions/30413310/android-horizontal-line-with-text-in-middle">Android : horizontal line with text in middle</a></p>