gunnarbittersmann

/**
 * hanging punctuation
 */

html
{
	font: 1.5em/1.5 Georgia, serif;
	padding: 4em;
}

gunnarbittersmann

/**
 * responsive menu
 */

#menu
{
	position: relative;
}

#menu h2

gunnarbittersmann

/**
 * responsive menu
 */

#menu
{
	position: relative;
}

#menu h2

gunnarbittersmann

/**
 * heading with inline rounded corners
 */

h1
{
	background: orange;
	padding: 0 1em;
	border-radius: 1em 0 0 0;
	overflow: hidden;

gunnarbittersmann

/**
 * multicolumn table
 */

	th,
	td
	{
		width: 4em;
		text-align: left;
		padding: 0;

gunnarbittersmann

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

div
{
	font: 2em/1 sans-serif;
	padding: 1em 0;
	border: 4px solid;
	width: 8em;

gunnarbittersmann

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

div
{
	font: 2em/1 sans-serif;
	padding: 1em 0;
	border: 4px solid;
	width: 8em;

gunnarbittersmann

/**
 * workshop: form 2
 */

*
{
	box-sizing: border-box;
}

html

gunnarbittersmann

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

*
{
	box-sizing: border-box;
}

html

gunnarbittersmann

/**
 * workhop: form
 */

*
{
	box-sizing: border-box;
}

html