Установите высоту и поле для каждого с изображением и текстом внутри на вкладках в табуляции

(Извините за мой плохой английский) То, что я сделал, это viewPager внутри viewPager, и я хочу установить изображение и текст на каждой вкладке с помощью Padding. Я хочу сделать что-то вроде этого - макет дизайна

Но пока я просто добавил изображения на вкладку и поля. Но я не знаю, почему не работает отступ между вкладками? Вот мой xml-код -

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.ansh.customizingtab.MainActivity">


    <android.support.design.widget.TabLayout
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:id="@+id/tabLayout"
        app:tabMode="scrollable"
        app:tabGravity="fill"
        android:layout_margin="10dp"
        app:tabPaddingStart="8dp"
        app:tabPaddingEnd="8dp"
        app:tabBackground="@drawable/background_tab">
    </android.support.design.widget.TabLayout>


<com.example.ansh.customizingtab.CustomViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

Which resulting this - Result image