JSFiddle - React, Tailwind, and code Playground

HTML

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link href="/resources/demos/style.css" rel="stylesheet">
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
</style>
<script>
/*$(function() {
$( ".sortable1" ).sortable();
$( ".sortable1" ).disableSelection();
});

$(function() {
$( ".sortable2" ).sortable();
$( ".sortable2" ).disableSelection();
});*/
/* $(function() {
$( "td.sortable1" ).sortable({
connectWith: "table"
});
$( "tr.sortable2" ).sortable({
connectWith: "td",
dropOnEmpty: false
});
$( ".sortable1,.#sortable2" ).disableSelection();
});*/

 $(function() {
$( ".sortable1, .sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
});
</script>

<table width="615" cellspacing="0" cellpadding="0" style="border: 8px solid #E6E6E6;margin:0 auto;">
<tbody><tr>
<td width="10"></td>
<td>


<table width="580" cellspacing="0" cellpadding="0">
	<tbody><tr>
		<td>
			<table width="100%" height="" cellspacing="0" cellpadding="0" valign="top">
				<tbody><tr>
					<td>
					<a href="#" target="_blank">
						
					</a>
					</td>
					<td valign="middle">
						<table cellspacing="0" cellpadding="0">
							<tbody><tr>
								<td valign="middle" height="25">
									
									<table cellspacing="0" cellpadding="0">
									<tbody><tr>
									<td width="25px" valign="middle"></td>
									<td valign="middle"><font size="" face="arial" color="#707070" style="font-size:12px;" valign="top">Гарантия качества товара</font></td>
									</tr>
									</tbody></table>
																	</td>
							</tr>
							<tr>
								<td height="25">
								<table...

JavaScript

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script>
/*$(function() {
$( ".sortable1" ).sortable();
$( ".sortable1" ).disableSelection();
});

$(function() {
$( ".sortable2" ).sortable();
$( ".sortable2" ).disableSelection();
});*/
/* $(function() {
$( "td.sortable1" ).sortable({
connectWith: "table"
});
$( "tr.sortable2" ).sortable({
connectWith: "td",
dropOnEmpty: false
});
$( ".sortable1,.#sortable2" ).disableSelection();
});*/

 $(function() {
$( ".sortable1, .sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
});
</script>