title: align right v-list-item-content
body: <p>My script is like this :</p>
  
  <p>====================-----====================-----===================
  </p>
  
  <pre><code>&lt;template&gt;
    &lt;v-card
      max-width="1200"
      class="mx-auto"
    &gt;
      &lt;v-container
        class="pa-2"
        fluid
      &gt;
        &lt;v-row&gt;
          &lt;v-col
            v-for="(item, i) in items"
            :key="i"
          &gt;
            &lt;v-card
              :color="item.color"
              dark
            &gt;
              &lt;v-list-item three-line&gt;
  
                &lt;v-list-item-avatar
                  size="125"
                  tile
                &gt;
                  &lt;v-img :src="item.src"&gt;&lt;/v-img&gt;
                &lt;/v-list-item-avatar&gt;
  
                &lt;v-list-item-content class="align-self-start"&gt;
                  &lt;v-list-item-title
                    class="headline mb-2"
                    v-text="item.title"
                  &gt;&lt;/v-list-item-title&gt;
  
                  &lt;v-list-item-subtitle v-text="item.artist"&gt;&lt;/v-list-item-subtitle&gt;
                  &lt;v-list-item-subtitle v-text="item.artist"&gt;&lt;/v-list-item-subtitle&gt;
                &lt;/v-list-item-content&gt;
  
                &lt;v-list-item-content class="align-self-start"&gt;
                  &lt;v-list-item-title
                    class="headline mb-2"
                    v-text="'right align'"
                  &gt;&lt;/v-list-item-title&gt;
                &lt;/v-list-item-content&gt;
  
              &lt;/v-list-item&gt;
            &lt;/v-card&gt;
          &lt;/v-col&gt;
        &lt;/v-row&gt;
      &lt;/v-container&gt;
    &lt;/v-card&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data: () =&gt; ({
        items: [
          {
            color: '#1F7087',
            src: 'https://cdn.vuetifyjs.com/images/cards/foster.jpg',
            title: 'Supermodel',
            artist: 'Foster the People',
          }
        ],
      }),
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>====================-----====================-----===================</p>
  
  <p>The result is like this:</p>
  
  <p><a href="https://i.stack.imgur.com/9e1Wc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9e1Wc.png" alt="Result image"></a></p>
  
  <p>I want <strong>"right align"</strong> in the right position</p>
  
  <p>How can I do it?</p>
  
  <p>Please help me, guys. Thank you very much</p>