Long word wrap in nested tables

Question

I\'m trying to wrap a long word. I have seen this post : How to prevent long words from breaking my div?

It works great in a simple case like this :

.wra         


        

Answer 1

table is taking the table-layout: auto; by default so as per contents increase the width also increases so you need to set table-layout to fixed.

table{
    table-layout: fixed;
}

demo