Added clearfix

Author: Daniel Kim

css/style.css

@@ -1,7 +1,12 @@
 
+.group:after {
+  content: "";
+  display: table;
+  clear: both;
+}
 /* Border-box  */
 html {
-box-sizing: border-box;
+	box-sizing: border-box;
 	font-family: 'Roboto', 'Sans-Serif';
 	font-weight: 300;
 }
@@ -11,12 +16,11 @@ box-sizing: border-box;
 /* key board CSS */
 * {
 	margin: 0;
-padding: 0;
+	padding: 0;
 }
 body {
-	font: 71%/1.5;
 	font-weight: 300;
-	background: #eee;
+	background: #fff;
 }
 
 
@@ -25,14 +29,22 @@ body {
 	width: 688px;
 	box-sizing: border-box;
 }
+
+.box {
+	width: 360px;
+	margin: 0 auto;
+	border: 2px solid gray;
+}
+
+
 #write {
 	margin: 0 0 5px;
 	padding: 5px;
 	width: 671px;
 	height: 200px;
 	font: 1em/1.5;
 	background: #fff;
-	border: 1px solid #f9f9f9;
+	border: 1px solid #fff;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 }
@@ -49,7 +61,7 @@ body {
 	line-height: 40px;
 	text-align: center;
 	background: #fff;
-	border: 1px solid #f9f9f9;
+	border: 1px solid red;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 }
@@ -85,13 +97,6 @@ body {
 .on {
 	display: none;
 }
-#keyboard li:hover {
-	position: relative;
-	top: 1px;
-	left: 1px;
-	border-color: #e5e5e5;
-	cursor: pointer;
-}
 
 #keyboard .down {
   position: relative;
@@ -103,3 +108,5 @@ body {
 }
 
 
+
+