title: Text lines are broken in only UC browser but others are fine
body: <p>I am having weird problem on my website when loading it on UC browser. The article texts are cut off from the middle and looks like the div becomes half the size of defined size in only UC browser. I am adding image and code structure. Please help me out to fix this as I care about good user experience. Check out the website article link on UC browser mobile ...</p>
  <p>Article link --&gt;
  <a href="https://elomymelo.com/soundcore%20motion%20plus%20review.html" rel="nofollow noreferrer">https://elomymelo.com/soundcore%20motion%20plus%20review.html</a></p>
  <p><a href="https://i.stack.imgur.com/Ggf3h.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ggf3h.jpg" alt="those images are screenshots from UC browser and chrome dev. UC screwed up those text" /></a></p>
  <p><a href="https://i.stack.imgur.com/dxcZV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dxcZV.jpg" alt="chrome dev screenshot" /></a></p>
  <p>CSS</p>
  <pre><code>.articles-container
  {
      position: absolute;
      left: 0px;
      top: 992px;
      width: 2358px;
      height: 4836px;
      overflow: visible;
      border: 0px white solid;
      background: transparent;
      border-radius: 50px;
      z-index: -1;
  }
  .main-article-div
  {
      position: absolute;
      left: 56px;
      top: 280px;
      width: 2235px;
      border: 0px grey solid;
  }
  .art-text-div
  {       
      position: relative;
      font-family: 'Roboto', cus-roboto, sans-serif;
      font-size: 90px;
      color: rgba(255,255,255,0.60);
      padding-left: 45px;
      padding-right: 20px;
      text-align: left;
      padding-top: 280px;
      width: 2235px;
      border: 0px grey solid;
      word-spacing: normal;
      line-height: 139px;
  }
  </code></pre>
  <p>last two divs are inside articles-container div. All of them are screwed big time ...</p>