Title displayed differently on Android and iOS

ionic-v1
1

Code of my bar:

<ion-nav-title>
        <div class="title page-title" >
            <div class="title text-center ">Title</div>
        </div>
</ion-nav-title>

<ion-nav-buttons side="right">
    <button  class="button button-icon ion-android-close" style="color: #33cd5f" ng-click="someFunction()"></button>
</ion-nav-buttons>

So, it looks like on screen:

image
Screenshot_5.jpg922×133 7.67 KB

So, in Android Title is moved to the left. But in iOS its ok. Its automatically added some differents styles, when i look on it in chrome:
iOS:

image
Screenshot_6.jpg925×49 12.6 KB

Android:
image
Screenshot_7.jpg800×49 8.19 KB

I dont know how this styles added and why they are different.
How can i fix it?

2

This is a feature to respect each platform guidelines, search the forum, this has been covered many times with a setting to force same behavior.