I have a div which is inside an html table cell. I want the div to take up 100% of the cell and not to extend the cell's width. Instead I would like the text to wrap to the next line. However the text is currently just getting chopped off at the end of each line (as in overflow:hidden). I have tried overflow, word-break, white-spcae and various other things but nothing works. Please help!
#content {text-align: justify;
background: #daecfe;
padding: 20px;
border: 4px solid #ffffff;
font-size: smaller;
width: 100%;
height: 100%;}