How to wrap text in pre tag in HTML?
<p>I am trying to wrap text in my pre tag in HTML and it's not working. I am using below CSS for my tag.</p>
<p>I got below CSS from <a href="https://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag">How do I wrap text in a pre tag?</a></p>
<pre><code>pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
    border-radius: 0 !important;
}
</code></pre>
<p>I have added <code>&lt;div class=&quot;form-group col-lg-8&quot;&gt;</code> in the main div. I don't know if that matters or not.</p>
<p>As you can see in the below image that it's not wrapping the text properly. The 'Which' is broken into 'Whic' and 'h' into next line.</p>
<p>How can push the whole word on the next line?</p>
<p><a href="https://i.stack.imgur.com/tX0Uo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tX0Uo.png" alt="enter image description here" /></a></p>