title: Why do the ":" not sit on the top in layout files?
body: <p>small problem here:</p>
  
  <p>This is my code of the layout in question:</p>
  
  <pre><code>   &lt;LinearLayout
          android:orientation="horizontal"
          android:layout_weight="100"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:gravity="center"
          android:layout_gravity="center"&gt;
          &lt;EditText
              android:background="#00000000"
              android:singleLine="true"
              android:maxLength="2"
              android:inputType="number"
              android:gravity="bottom"
              android:hint="00"
              android:textColorHint="#2f8677"
              android:textColor="#2f8677"
              android:textSize="40sp"
              android:id="@+id/txtMinutes"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" /&gt;
          &lt;TextView
              android:gravity="top"
              android:layout_gravity="top"
              android:text=":"
              android:textSize="40dp"
              android:textColor="#2f8677"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" /&gt;
          &lt;EditText
              android:background="#00000000"
              android:singleLine="true"
              android:maxLength="2"
              android:inputType="number"
              android:gravity="bottom"
              android:hint="00"
              android:textColorHint="#2f8677"
              android:textColor="#2f8677"
              android:textSize="40sp"
              android:id="@+id/txtSeconds"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" /&gt;
          &lt;TextView
              android:layout_gravity="center"
              android:text=":"
              android:textSize="40dp"
              android:textColor="#2f8677"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" /&gt;
          &lt;EditText
              android:background="#00000000"
              android:singleLine="true"
              android:maxLength="2"
              android:inputType="number"
              android:gravity="bottom"
              android:hint="00"
              android:textColorHint="#2f8677"
              android:textColor="#2f8677"
              android:textSize="40sp"
              android:id="@+id/txtTimerMicroSeconds"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" /&gt;
      &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>This is the result:</p>
  
  <p><a href="https://i.stack.imgur.com/LXJbI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LXJbI.png" alt="enter image description here"></a></p>
  
  <p>Why are the ":" sitting on the bottom and the EditTexts are on top? Both are (obviously) supposed to be on the same hight :(</p>
  
  <p>Another little thing: See that little bar to the left of the first EditText? It is there because this is an edit text and you can "type" things into it. But I don't want it to show- How do I get this to go away? </p>