title: Paragraph text doesn't wrap around to next line
body: <p>I am trying to create text that will wrap around to the next line when it overflows. Currently when it overflows it creates an entirely new line and puts the text on that line. What I would like is for the text to fill the first line and then wrap around to a new line.</p>
  
  <p>Code:</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-html lang-html prettyprint-override"><code>&lt;div&gt;
      &lt;p style="width: 15em; display: inline-block;"&gt;[100 bytes] Input Script:&lt;/p&gt;
      &lt;p style="display: inline-block; overflow-x: auto;"&gt;
          &lt;span style="overflow-x: auto;"&gt;
              034840082CFABE6D6DFF54D028353549F5600B28A1757828F1B0E9ECCC0322435BA6D8CA1D76442A6A08000000F09F909F00144D696E65642062792072656E6A69616E66656E670000000000000000000000000000000000000000000000000000000000
          &lt;/span&gt;
      &lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have also tried setting the text to the different <code>word-wrap</code> values with no avail. This has probably been answered millions of times, but I cannot find a solution which works in this situation.</p>
  
  <p>Any help is appreciated, Thanks!</p>