title: How do I wrap a long string in a fixed-width container with CSS?
body: <p>Lets say I have a fixed-width container with a long string inside, no spaces:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div {
      background-color:yellow;
      width:100px;
      height:100px;
      position:relative;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;veryveryveryveryveryveryveryveryveryveryveryverylongstring&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>How do I force the text to wrap via CSS</strong>? And what control do I have over that wrapping style (using a hyphen or not for example)?</p>
  
  <p>I'm aware of the <code>text-wrap</code> property, but that doesn't seem to apply to a long string like this. Maybe I'm wrong. Could someone please explain this?</p>