title: Right Align List Item Content in Ionic Framework
body: <p>I am building an app with the Ionic Framework. It uses AngularJS and CSS. In my app, I need to display a list of items. Each item needs to look like the following:</p>
  
  <pre><code>+------------------------------------------+
  | Item Title                         123   |
  | one line of text                         |
  | a seperate line of text                  |
  +------------------------------------------+
  </code></pre>
  
  <p>I have everything working, except for the right-aligned number. The numbers are actually a <code>ul</code>. This is by design. They will be font icons that are colored differently. For now, I'm just trying to get the positioning to work. Currently, I'm trying the following:</p>
  
  <pre><code>&lt;div class="list"&gt;
    &lt;a class="item" style="left:0; right:0" ng-repeat="item in items"&gt;
      &lt;h2&gt;{{item.title}}&lt;/h2&gt;
      &lt;p class="second-point"&gt;{{item.textA}}&lt;/p&gt;
      &lt;p class="third-point"&gt;{{item.textB}}&lt;/p&gt;
  
      &lt;ul class="row"&gt;
        &lt;li class="col"&gt;1&lt;/li&gt;
        &lt;li class="col"&gt;2&lt;/li&gt;
        &lt;li class="col"&gt;3&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/a&gt;              
  &lt;/div&gt;
  </code></pre>
  
  <p>When this gets rendered, the numbers appear on a line underneath the first three text items. The ul is not right aligned. How do I get the component to be right-aligned?</p>
  
  <p>Thank you!</p>