23 lines
681 B
HTML
23 lines
681 B
HTML
<!doctype html>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
body { margin: 0; }
|
|
#outer { width: 400px; }
|
|
#wrapper, #pre { height: 100%; }
|
|
#stack { display: flex; flex-direction: column; width: 100%; position: relative; }
|
|
#editor { flex: 1 1; position: relative; overflow: auto; }
|
|
#pre { display: flex; margin: 0; }
|
|
#code { display: block; line-height: 24px; background: #087f5b; }
|
|
#after { width: 400px; height: 20px; background: #e8590c; }
|
|
</style>
|
|
<div id="outer">
|
|
<div id="wrapper">
|
|
<div id="stack">
|
|
<div id="editor">
|
|
<pre id="pre"><code id="code">content gives the chain height</code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="after"></div>
|