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

I think this is what you are looking for.

WORKING DEMO

The HTML:

    

        AAAAAAAAAAAAAAAAAA
    




    

        

            

                

                    

                        

                            BBBBBBBBBBBBBBBBBB
                        
                    
                    

                    
                
            
        
        

        
    

The Logic:

The div and td have different display characteristics. You need to make your div which is nested inside the td to change its display to, for instance here inline-block with a fixed width to achive what you are looking for.

Hope this helps.