title: My website text layout gets flipped when I use any symbol?
body: <p>I just downloaded a template recently to use for a website but as I just copied Html from the template into my project so I could integrate my backend into it. the website layout almost got flipped 360 deg.</p>
  
  <p>Lemme show you what I mean 
  This is a from from that template </p>
  
  <p><a href="https://i.stack.imgur.com/xmUxc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xmUxc.png" alt="enter image description here"></a></p>
  
  <p>But when i include it in my own project it shows me like this</p>
  
  <p><a href="https://i.stack.imgur.com/UYAgn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UYAgn.png" alt="enter image description here"></a></p>
  
  <p>Not only this form Everything is flipped almost like navbar is flipped too but some are fine!</p>