Question

Here is my jQuery code to append two tables to a DIV.

 var str = "<table><tr><td>Hello</td></tr></table>";
 $('body').append(str+str);

But By the default these two tables are coming in two rows.
For example current output is

 Hello
 Hello

But I want like this

 Hello Hello

Thanks

Answer 1

var str = "<table style='display:inline-block; *display: inline; _height: 30px;'><tr>   <td>Hello</td></tr></table>";

$('body').append(str+' '+str);

Tested in IE7,8,9, Chrome, Firefox. IE hacks borrowed from here