Margin and padding not working inside <ion-modal-view> (EDIT: text-align also)


#1

Hello.
The padding is totally ignored in modals.

<ion-modal-view>

  <div class="bar bar-header bar-energized">
    <h1 class="title">Header</h1>
    <button class="button button-icon ion-close-circled"></button>
  </div>

    <div style="padding-top: 50px;">
        Random text
    </div>

</ion-modal-view>

Any clue why padding doesn’t work at all for that div ?
Also I’m unable to center the content of the modal no matter what I found on internet…

EDIT:
Also text-align isn’t working.

<div style="text-align: center;">
  Random text
</div>

#2

Use align=“center” for the text, I have the same problem with the padding in a button, hope someone knows the solution…


#3

Solved!

Use this:

<ion-modal-view>
  <ion-content  class="padding">
   ...

https://github.com/driftyco/ionic/issues/876