title: Text overflows colum in html 5 table
body: <p>In the mobile layout I am facing the following problem:</p>
  <p><a href="https://i.stack.imgur.com/DPMgc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DPMgc.png" alt="enter image description here" /></a></p>
  <p>The text of the second column overflows the vertical column separator line.
  I tried putting some margin, but if I put some margin and the text is long, the final part of the text aligns on the left in the first column.</p>
  <p>Can you provide me a hint as regards the CSS part?
  <a href="https://i.stack.imgur.com/lDGuu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lDGuu.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/QvUnV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QvUnV.png" alt="enter image description here" /></a></p>
  <p>without display block:</p>
  <p><a href="https://i.stack.imgur.com/P9mXv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P9mXv.png" alt="enter image description here" /></a></p>