title: ImageViews aren't aligned vertically when using padding
body: <p>Im trying to get two ImageViews side by side with a gap around the image. Ive been using Padding, Margin etc and all have had the same effect (See Image Below)</p>
  
  <p><img src="https://i.stack.imgur.com/1yqtp.png" alt="One image is shifted upwards"></p>
  
  <p>as you can see the image on the right is shifted upwards, how do i stop this?</p>
  
  <p>Here's the layout file im using:</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="match_parent"
      android:orientation="vertical" &gt;
  
      &lt;!-- Top Row --&gt;
      &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:contentDescription="@string/tab_headlines"
              android:src="@drawable/headlines"
              android:layout_margin="5sp"
              /&gt;
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:contentDescription="@string/tab_headlines"
              android:src="@drawable/headlines"
              /&gt;
  
      &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I am going to be using more rows of images hence the extra LinearLayout</p>