List card Item-divider alignment


#1

Hello I’m very new to ionic and angularjs so my question might be very basic but how can I change the alignment of an item-divider in a list-card?

For example I have given:

<div class="list card">
  <div class="item item-divider">
    <span class="divider-left">Today</span>
    <span class="divider-right">23.04.2015</span>
  </div>
  ...
</div>

On css I use:

.divider-left {
  text-align: left;
}
.divider-right {
  text-align: right;
}

But it have no effect on it. The item-divider still shows the text with left-alignment.

I want that Today is left aligned and the date is right aligned.