JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang = "en">
    <head>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
            <script type="text/javascript" src="timeline.js"></script>
            <link rel="stylesheet" href="master.css" type="text/css" media="screen" />
    </head>
    <body bgcolor="000" TEXT="FFFFFF">
            <div id="button">
                    <button onclick="showForm()" type="button" id="cTask">
                    Create Task
                    </button>
            </div>
            <div id="addEventForm"> 
                    <form>
                            <p><label>Customer name: <input></label></p>
                            <p><label>Telephone: <input type=tel></label></p>
                            <p><label>E-mail address: <input type=email></label></p>
                    </form>
            </div>
            <div>
                    <canvas id="myBoard" width="500" height="300">
                            <p>Your browser doesn't support canvas.</p>
                    </canvas>
            </div>
    </body>
</html>

CSS

body{background:#aaa; width:735px;}
canvas{background:#ccc;} 

#button,#addEventForm{clear:both;float:right;width:200px}