Cannot create two TextView in two lines
<p>This is rather a layman question as I am totally green in Android development.</p>

<p>Recently I am trying to implement a simple calculator using android.</p>

<p>I want to make two rows of calculator display,
with the top one showing what equations the user has input,
and the bottom one with the answer.</p>

<p>Here is my code in the layout xml file:</p>

<pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" &gt;

&lt;LinearLayout
    android:id="@+id/linearLayout0"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"&gt;

    &lt;TextView
        android:id="@+id/calculatorDisplay0"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:maxLines="1"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textSize="40sp" /&gt;
&lt;/LinearLayout&gt;

&lt;LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true" 
    android:layout_below="@+id/linearLayout0" &gt;

    &lt;TextView
        android:id="@+id/calculatorDisplay1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:layout_below="@id/calculatorDisplay0"
        android:maxLines="1"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:text="0"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textSize="40sp" /&gt;
&lt;/LinearLayout&gt;
     .
     .
     .
     .
</code></pre>

<p>However, this is the result:</p>

<p><img src="http://i.stack.imgur.com/Ay8Ah.jpg" alt="enter image description here"></p>

<p>As you can see, the two lines are nested together.</p>

<p>I am pretty sure something wrong with my code,
but I cannot locate it.
Could anyone help me on it?</p>
