Wrap text on space and slash
<p>I have a div/textarea field where I want to wrap the data on 50 characters <code>without breaking the word</code>. The text contained in the element will be a path which can contain alphanum, spaces and slashes. I want it to be wrapped at spaces and slashes. Is this feasible with css only without requiring any js to perform this action</p>

<p>I have used </p>

<pre><code>&lt;textarea cols=50 style="border:none;font-family: Verdana, sans-serif; color: #333;"&gt;document vault/12345678901234567890123456789012345678901234567890/asdasd 22&lt;/textarea&gt;
</code></pre>

<p>this should appear as(expected)</p>

<pre><code>document vault/
12345678901234567890123456789012345678901234567890
/asdasd 22
</code></pre>