diff --git a/css/core.css b/css/core.css
index 264c17b1989560fbd84631330ab84d6b6d3c4a33..878475b292fd614a99db28937292ae16b41be136 100644
--- a/css/core.css
+++ b/css/core.css
@@ -2,7 +2,16 @@ body{
height: 100%;
}
#input-div, #output-div{
- height: 50%;
- width: 100%;
+ height: 100%;
+ width: 50%;
display: block;
+}
+#input-div{
+ float: left;
+}
+#output-div{
+ float: right;
+}
+#clearer{
+ clear: both;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 6f061510d54d32cb0b3602f3ed09a0b3746b0bf7..6abae2dcdfbb9985c9b81d1de2c604f4ebe26d48 100644
--- a/index.html
+++ b/index.html
@@ -2,21 +2,27 @@
<head>
<script src="js/jquery-3.3.1.js"></script>
- <link href="css/core.css" />
+ <link href="css/core.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>eRecreuitment Advertisment Deigner</h1>
- <div id="input-div">
- <textarea id="input-textarea">
+ <div id="wrapper">
+ <div id="input-div">
+ <textarea id="input-textarea">
+
+ </textarea>
+ </div>
+ <div id="output-div">
+ <pre id="output-pre">
+
+ </pre>
+ </div>
+ <div id="clearer">
- </textarea>
+ </div>
</div>
- <div id="output-div">
- <pre id="output-pre">
- </pre>
- </div>
</body>
</html>
\ No newline at end of file