title: Vuetify: How to align icon and long text on the same row?
body: <p>In my vue.js 2.5.7 / vuetify": "^1.0.8" application I use a card with a title containing some text and an icon to the left of text:</p>
  
  <pre><code>    &lt;v-card class="p-3" tile="true"&gt;
  
          &lt;v-card-title class="headline"&gt;
              &lt;v-icon color="teal" class="a_link" v-if="confirm_modal_dialog_icon" left="true"&gt;{{ confirm_modal_dialog_icon }}&lt;/v-icon&gt;
              {{ confirm_modal_dialog_confirm_text }}
          &lt;/v-card-title&gt;
  
          &lt;v-card-text v-if="confirm_modal_dialog_detailed_text"&gt;
              {{ confirm_modal_dialog_detailed_text }}
          &lt;/v-card-text&gt;
  </code></pre>
  
  <p>If <code>confirm_modal_dialog_confirm_text</code> variable contains a long text then the title spans over two lines:</p>
  
  <ol>
  <li>icon</li>
  <li>text</li>
  </ol>
  
  <p>Can I make icon (on the left) and long text to always display on the same row? If yes how?</p>
  
  <p>Thanks!</p>