title: Center v-toolbar-title
body: <p>I would like to center my title in my toolbar component.
  This is what it's looke like :</p>
  
  <p><a href="https://i.stack.imgur.com/mW4sw.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mW4sw.png" alt="enter image description here"></a></p>
  
  <p>And this is my component : </p>
  
  <pre><code>&lt;div&gt;
      &lt;v-navigation-drawer dark app clipped temporary v-model="menu" class="teal white--text"&gt;
          &lt;v-list &gt;
              &lt;v-list-tile
                 v-for="(item,index) in items" :key="index" @click="$router.push(item.path)" v-if="item.value"&gt;
                  &lt;v-list-tile-action&gt;
                      &lt;v-icon&gt;{{ item.icon }}&lt;/v-icon&gt;
                  &lt;/v-list-tile-action&gt;
                  &lt;v-list-tile-content&gt;
                      &lt;v-list-tile-title&gt;{{ item.label }}&lt;/v-list-tile-title&gt;
                  &lt;/v-list-tile-content&gt;
              &lt;/v-list-tile&gt;
          &lt;/v-list&gt;
      &lt;/v-navigation-drawer&gt;
      &lt;v-toolbar dense dark color="teal" class="pa-0"&gt;
          &lt;router-link to="/"&gt;
              &lt;v-btn class="mx-0" icon&gt;
                  &lt;i class="material-icons"&gt;home&lt;/i&gt;
              &lt;/v-btn&gt;
          &lt;/router-link&gt;
          &lt;v-toolbar-title class="white--text"&gt;{{title}}&lt;/v-toolbar-title&gt;
          &lt;v-layout align-center justify-end&gt;
              &lt;v-toolbar-items&gt;
                  &lt;router-link to="/parametres"&gt;
                      &lt;v-btn class="mx-0" icon&gt;
                          &lt;i class="material-icons"&gt;settings&lt;/i&gt;
                      &lt;/v-btn&gt;
                  &lt;/router-link&gt;
                  &lt;v-btn v-on:click="Logout()" class="mx-0" icon&gt;
                      &lt;i class="material-icons"&gt;exit_to_app&lt;/i&gt;
                  &lt;/v-btn&gt;
              &lt;/v-toolbar-items&gt;
          &lt;/v-layout&gt;
      &lt;/v-toolbar&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can not center it properly in relation to the toolbar. Maybe should i use flex properties ? By the way i'm using Vuetify.js for the material design.</p>
  
  <p>If you can help me I'll be grateful.
  I'm totally new with flex and vuejs.</p>