title: Align element on the same level as v-card-title in vuetify
body: <p>Is it possible to align element on the same height as the v-card-title in the card component of vuetify?
  Currentl when using <code>class="float-right"</code> the element goes to the right but it is line below the title. I would like for it to be at the same level.
  Here is the <a href="https://codepen.io/pokepim/pen/ZEYZwRN" rel="nofollow noreferrer">codepen</a>:</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-js lang-js prettyprint-override"><code>new Vue({
    el: '#app',
    vuetify: new Vuetify(),
  
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
      &lt;v-card
        class="mx-auto"
      width="400"
      &gt;
  &lt;!--  Top row --&gt;
      &lt;v-card-title&gt;Cafe Badilico&lt;/v-card-title&gt;
        &lt;button class="float-right"&gt;click me&lt;/button&gt;
  &lt;!--     End of top row --&gt;
  
  &lt;!-- Put components here --&gt;
    
       
    
          
      &lt;v-card-title &gt;
       News 
      &lt;/v-card-title&gt;
     
  &lt;v-list-item dense
          &gt;
    
            &lt;v-list-item-avatar&gt;
               &lt;v-avatar color="indigo" size="36"&gt;
        &lt;span class="white--text headline"&gt;36&lt;/span&gt;
      &lt;/v-avatar&gt;
            &lt;/v-list-item-avatar&gt;
            &lt;v-list-item-content&gt;
              &lt;v-list-item-title&gt;Header&lt;/v-list-item-title&gt;
              &lt;v-list-item-subtitle&gt;Subheader&lt;/v-list-item-subtitle&gt;
              &lt;v-list-item-subtitle&gt;2019-05-31&lt;/v-list-item-subtitle&gt;
            &lt;/v-list-item-content&gt;
          &lt;/v-list-item&gt;
     &lt;v-divider&gt;&lt;/v-divider&gt;
     &lt;v-card-title &gt;
       News 
     &lt;/v-card-title&gt;
     
  &lt;v-list-item dense&gt;
    
            &lt;v-list-item-avatar&gt;
               &lt;v-avatar color="indigo" size="36"&gt;
        &lt;span class="white--text headline"&gt;36&lt;/span&gt;
      &lt;/v-avatar&gt;
            &lt;/v-list-item-avatar&gt;
            &lt;v-list-item-content&gt;
              &lt;v-list-item-title &gt;&lt;a href=""&gt;Header&lt;/a&gt;&lt;/v-list-item-title&gt;
             
              &lt;v-list-item-subtitle &gt;Subheader&lt;/v-list-item-subtitle&gt;
              &lt;v-list-item-subtitle &gt;2019-05-31&lt;/v-list-item-subtitle&gt;
            &lt;/v-list-item-content&gt;
          &lt;/v-list-item&gt;
        
    
  
      &lt;/v-card&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>