title: Vuetify - Center content in v-list-tile-content
body: <p>I am trying to center the content inside a <strong>v-list-tile-content</strong> of a <strong>v-list</strong> without success.
  I've tried to apply text-xs-center, justify-center to the <strong>v-list</strong> element and the <strong>v-list-tile-content</strong> and it does not work.
  Also I've tried to put a div inside the <strong>v-list-tile-content</strong> and apply the previously mentioned classes.
  I've found that the v-list-tile-content element has a <strong>align-items: flex-start</strong> and if I delete that it automatically apply the classes.</p>
  
  <p>As far as I know align-items it's for vertical alignment and for horizontal alignment the proper class is justify-items, am I right?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;v-list class="table pa-0"&gt;
      &lt;v-list-tile
          v-for="(element, index) in elements"
          :key="`pricing_table_element_${index}`"
          :class="{'dark-background': index % 2 === 0}"
          avatar
      &gt;
          &lt;v-list-tile-avatar&gt;
              &lt;fa-icon
              icon="check-circle"
              color="#00BB9B"
              /&gt;
          &lt;/v-list-tile-avatar&gt;
  
          &lt;v-list-tile-content&gt;
              {{ element.content }}
          &lt;/v-list-tile-content&gt;
  
          &lt;v-list-tile-action&gt;
              &lt;v-tooltip right&gt;
                  &lt;fa-icon
                      slot="activator"
                      icon="info-circle"
                      color="#f68e28"
                  /&gt;
                  &lt;span&gt;{{ element.tooltip }}&lt;/span&gt;
              &lt;/v-tooltip&gt;
          &lt;/v-list-tile-action&gt;
      &lt;/v-list-tile&gt;
  &lt;/v-list&gt;</code></pre>
  </div>
  </div>
  </p>