Text overflows colum in html 5 table

Question

In the mobile layout I am facing the following problem:

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.

Can you provide me a hint as regards the CSS part?

without display block:

Answer 1

Don't use display: block on td table cells - this will destory the table structure and its automatic layout. Just erase that to reset it to the default display: table-cell