Skip to content

Instantly share code, notes, and snippets.

@lolmaus

lolmaus/index.html

Created April 30, 2019 10:02
Show Gist options
  • Save lolmaus/8aa253575fda2a5d945b0b28ef2a481a to your computer and use it in GitHub Desktop.
Save lolmaus/8aa253575fda2a5d945b0b28ef2a481a to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/jajiget
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.name {
width: 160px;
display: inline-block;
}
select {
width: 160px;
}
select.default {
color: grey;
}
</style>
</head>
<body>
<h4>Please match all assumption/group names with actual assumptions and groups:</h4>
<ul>
<li>
<span class="name">Number of A/C</span>
<span class="delimiter">-</span>
<select>
<option selected>Number of aircraft</span>
</select>
</li>
<li>
<span class="name">Number of Flying Days</span>
<span class="delimiter">-</span>
<select>
<option selected>Number of flying days</span>
</select>
</li>
<li>
<span class="name">Ground training</span>
<span class="delimiter">-</span>
<select class="default">
<option selected>please select...</span>
</select>
</li>
</ul>
<button disabled>Proceed to the report</button>
<script id="jsbin-source-css" type="text/css">.name {
width: 160px;
display: inline-block;
}
select {
width: 160px;
}
select.default {
color: grey;
}</script>
</body>
</html>
Raw
jsbin.jajiget.css
.name {
width: 160px;
display: inline-block;
}
select {
width: 160px;
}
select.default {
color: grey;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment