title: Need help for textarea content
body: <p>I am trying to display text from my database. The <code>&lt;p&gt;</code> doesn't show the expected newlines but <code>&lt;textarea&gt;</code> does.</p>
  <p>I want to use it like this <code>&lt;p&gt;{course.overview}&lt;/p&gt;</code>.</p>
  <p>When I use this one <code>&lt;textarea type=&quot;text&quot; placeholder={course.overview} className=&quot;form-control color-black overflow:scroll&quot; name=&quot;overview&quot; rows=&quot;95&quot; disabled/&gt;</code> it keeps the format.</p>
  <p>It's not exactly what I want but it's better than <code>&lt;p&gt;{course.overview}&lt;/p&gt;</code>.
  What can I do?</p>
  <p>I tried to use same className in <code>&lt;textarea type=&quot;text&quot; placeholder={course.overview} className=&quot;form-control color-black overflow:scroll&quot;  name=&quot;overview&quot; rows=&quot;95&quot; disabled/&gt;</code></p>
  <p>with</p>
  <p><code>&lt;p className=&quot;form-control color-black overflow:scroll&quot; &gt;{course.overview}&lt;/p&gt;</code> but it changes nothing.</p>
  <p>Pictures for example textarea= <a href="https://ibb.co/zSmmHrT" rel="nofollow noreferrer">https://ibb.co/zSmmHrT</a> AND p = <a href="https://ibb.co/1L07Dfk" rel="nofollow noreferrer">https://ibb.co/1L07Dfk</a></p>
  <p>Thanks in advance ! :)</p>