diff --git a/assets/style.css b/assets/style.css
index 4f7ab65..889d08f 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -7,11 +7,13 @@ body {
 }
 
 body>div {
+    postion:relative;
     background: rgba(163,128,95,0.9);
-    align: center;
-    text-align: center;
+/*    align: center;
+    text-align: center;*/
     border-radius: 20px;
     padding: 5px;
+    width:
 }
 
 h1 {
@@ -23,4 +25,17 @@ h1 {
     width:auto;
     margin: 20px auto;
     border: #692200 4px solid ;
+}
+
+#output {
+    position:relative;
+    left: 20px;
+    width: 350px;
+}
+
+#ui {
+    position: relative;
+    right: 200px;
+    width: 350px;
+    bottom: 20px;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index e06d00e..e4e6588 100644
--- a/index.html
+++ b/index.html
@@ -10,9 +10,10 @@
       <h1>JSDSH - Javascript Dungeonslayers Helper</h1>
       
       <div id="game"></div>
-      <div id="ui"></div>
       <button id="load">Load</button>
       <div id="output"></div>
+      <div id="ui"></div>
+
     </div>
     <script type="text/javascript" src="lib/crafty.js"></script>
     <script type="text/javascript" src="lib/jquery-1.11.1.min.js"></script>