problem in table:

Question

i had table inside the another table, my inner table display the image, if i enter the text after the inner table,The text should display right side of the table and the bottom of the inner table.how do i do this??? "the below code display the outer table text always displayed bellow the inner table"

Heading ##

    <tr style=" width:500px; float:left;">
        <td style="border: thin ridge #008000; text-align:left;" align="left"; >
            <table class="" 
                style=" border: 1px solid #800000; width:200px; float:left; height: 200px;">
                <tr>
                    <td>&nbsp;stackoverflowstackoverflow stackoverflowstackoverflow 
                        stackoverflowstackoverflow stackoverflowstackoverflow&nbsp; </td>
                </tr>
                </table>
            stackoverflow stackoverflowstackoverflow stackoverflowstackoverflow 
            stackoverflowstackoverflow stackoverflowstackoverflow stackoverflowstackoverflow 
            stackoverflowstackoverflow stackoverflowstackoverflow stackoverflowstackoverflow 
            stackoverflowstackoverflow stackoverflowstackoverflow stackoverflowstackoverflow 
            stackoverflowstackoverflow stackoverflowstackoverflow stackoverflowstackoverflow 
            stackoverflowstackoverflow stackoverflowstackoverflow statackoverflow sta</td>
    </tr>
</table>

Answer 1

first off, your example code is missing its first <table> declaration. second, you should be able to add float: left; to the table via CSS. This will accomplish what you are looking for as it will pull the table out of the normal flow of elements and the text should wrap around to the right and bottom like you described.