Add index with styles

This commit is contained in:
Jacob Strieb 2019-06-29 21:51:19 -07:00
parent 722ffa82a5
commit 8136031e13
1 changed files with 39 additions and 0 deletions

39
index.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<title>Create and edit URL pages</title>
<style>
* {
margin: 0px;
box-sizing: border-box;
vertical-align: top;
}
html, body {
height: 100%;
}
textarea {
resize: none;
width: 33.3333%;
height: 40%;
}
iframe {
width: 100%;
height: 60%;
}
textarea, iframe {
border: 0.5px solid;
}
</style>
</head>
<body>
<!-- Unfortunately having these on one line is actually necessary to remove a tiny amount of space between them -->
<textarea id="html" placeholder="HTML" rows="9"></textarea><textarea id="css" placeholder="CSS" rows="9"></textarea><textarea id="javascript" placeholder="JavaScript" rows="9"></textarea>
<iframe id="display"></iframe>
</body>
</html>