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

The padding is totally ignored in modals.


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

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


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…

Also text-align isn’t working.

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

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


Use this:

  <ion-content  class="padding">