title: <p> when text exceeds width, continue in new line
body: <p>I have the following structure:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;
  &lt;p style="width:10px;"&gt;
  Text goes here
  &lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
  &lt;p style="width:10px;"&gt;
  Text goes here
  &lt;/p&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When the text of the p exceeds the 10px limit I would like it to continue in a new row.. How do i do that? Thanks</p>