title: How to make text wrap to next line in Vuetify.js
body: <p>I am trying to add a large block of text to an HTML element, but the text all remains a single line, going off the right side of the screen, rather than wrapping to multiple lines. Not sure if this is a regular HTML/CSS problem or a Vuetify problem.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;v-flex&gt;
      &lt;v-card&gt;
          &lt;v-container&gt;
              &lt;p&gt;
                   {{ stringToDisplay }}
              &lt;/p&gt;
          &lt;v-container&gt;
      &lt;/v-card&gt;
  &lt;/v-flex&gt;
  </code></pre>