mishunov/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

body, html {
	height: 100%;
	padding: 0
}
body {
	padding: 0;
}
form {
	float: left;
	width: 50%;
	background: Olive;
}
fieldset {padding: 1em; border: none}
label {display: block}
aside {
	float: right;
	width: 45%;
	margin-left: 5%;
	background: Orange;
}
ol, li {
	list-style-position: inside;
	margin: 0;
	padding:0
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<form method="POST" action="#" id="join-form">
        <fieldset>
            <label for="username">Real name</label>
            <input type="text" name="username" placeholder="John Johnson"
                   id="username" required="required" />
            <label for="password">Password</label>
            <input type="password" name="password" id="password" required="required" />

            <label for="confirmation">Confirm password</label>
            <input type="password" name="confirmation" id="confirmation" required="required" />

            <div id="form-actions">
                <button type="submit" class="btn btn-primary" name="submit">Join Denys</button>
            </div>
        </fieldset>
    </form>
    <aside>
    	<h1>What is XXX?</h1>
    	<ol>
    		<li>The fastest</li>
    		<li>The easiest</li>
    		<li>The coolest</li>
    	</ol>
    <aside>

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	body, html {
	height: 100%;
	padding: 0
	}
	body {
	padding: 0;
	}
	form {
	float: left;
	width: 50%;
	background: Olive;
	}
	fieldset {padding: 1em; border: none}
	label {display: block}
	aside {
	float: right;
	width: 45%;
	margin-left: 5%;
	background: Orange;
	}
	ol, li {
	list-style-position: inside;
	margin: 0;
	padding:0
	}
	<!-- content to be placed inside <body>…</body> -->

	<form method="POST" action="#" id="join-form">
	<fieldset>
	<label for="username">Real name</label>
	<input type="text" name="username" placeholder="John Johnson"
	id="username" required="required" />
	<label for="password">Password</label>
	<input type="password" name="password" id="password" required="required" />

	<label for="confirmation">Confirm password</label>
	<input type="password" name="confirmation" id="confirmation" required="required" />

	<div id="form-actions">
	<button type="submit" class="btn btn-primary" name="submit">Join Denys</button>
	</div>
	</fieldset>
	</form>
	<aside>
	<h1>What is XXX?</h1>
	<ol>
	<li>The fastest</li>
	<li>The easiest</li>
	<li>The coolest</li>
	</ol>
	<aside>