From d9c745305169d1db8a79be8da86db76767202290 Mon Sep 17 00:00:00 2001 From: Joshua Barlin <jbarlin@myune.edu.au> Date: Sat, 18 Aug 2018 11:30:03 +1000 Subject: [PATCH] Split in half horiz --- css/core.css | 13 +++++++++++-- index.html | 22 ++++++++++++++-------- 2 files changed, 25 insertions(+), 10 deletions(-) diff --git a/css/core.css b/css/core.css index 264c17b..878475b 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 6f06151..6abae2d 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 -- GitLab