JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title><link href="Styles/MyStyle.css" rel="Stylesheet" type="text/css" />

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {

            
        });
    </script>
</head>
<body>
    <form method="post" action="Default.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTIwMDc2NTY2NjlkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYEBQ9DaGVja2JveGxpc3QxJDAFD0NoZWNrYm94bGlzdDEkMQUPQ2hlY2tib3hsaXN0MSQyBQ9DaGVja2JveGxpc3QxJDIyWqbEuEv5yS+it8HkynLd5JtoeiM/Q+s4r0wPA9+A/Q==" />
</div>

<div class="aspNetHidden">

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBALL49iLBALQy6rKAgLrtMjfDAKa+e6fDvbjgYphU86yv32sQRWIIqssOjoL7B5y5r7ecFbjWYyL" />
</div>
    <div>
        <table id="Checkboxlist1">
    <tr>
        <td><input id="Checkboxlist1_0" type="checkbox" name="Checkboxlist1$0" value="red" /><label for="Checkboxlist1_0">Red</label></td>
    </tr><tr>
        <td><input id="Checkboxlist1_1" type="checkbox" name="Checkboxlist1$1" value="blue" /><label for="Checkboxlist1_1">Blue</label></td>
    </tr><tr>
        <td><input id="Checkboxlist1_2" type="checkbox" name="Checkboxlist1$2" value="green" /><label for="Checkboxlist1_2">Green</label></td>
    </tr>
</table>
    </div>
    </form>
</body>
</html>

CSS

#Checkboxlist1 tr {
    float: left;
    margin-right: 15px;
}