title: How to center align the text of v-select of vuetify components
body: <p>I am using the <a href="https://vuetifyjs.com/en/components/selects" rel="nofollow noreferrer">Vuetify select component</a>.
  How do I center align text along with dropdown on vuetify?</p>
  
  <p>Tried with text-md-center but that does not work</p>
  
  <pre><code>&lt;v-select
     :items="['Lagna Kundali']"
     label="Rasi" solo
     v-model="firstKundali"
     class="text-md-center"
  &gt;
  </code></pre>