Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Unwanted horizontal scrollbar" />
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
    <header id="header">
      <h1 id="site-title">SassBin</h1>
      <div id="controls">
        <label>
          <input type="checkbox" name="pane-html" checked="">HTML
        </label>
        <label>
          <input type="checkbox" name="pane-sass" checked="">SASS
        </label>
        <label>
          <input type="checkbox" name="pane-css" checked="">Compiled CSS
        </label>
        <label>
          <input type="checkbox" name="pane-output" checked="">Output
        </label>
        <button id="equalize">|&lt;-&gt;|</button>
      </div>
    </header>
    <div id="main">
      <section id="pane-html" class="pane is-active">
        <header>
          <h2>HTML</h2>
        </header>
        <div id="editor-html" class="editor"></div>
      </section>
      <section id="pane-sass" class="pane is-active">
        <header>
          <h2>SASS</h2>
        </header>
        <div id="editor-sass" class="editor"></div>
      </section>
      <section id="pane-css" class="pane is-active">
        <header>
          <h2>Compiled CSS</h2>
        </header>
        <div id="editor-css" class="editor"></div>
      </section>
      <section id="pane-output" class="pane is-active">
        <header>
          <h2>Output</h2>
        </header>
        <iframe name="output" id="output" class="editor"></iframe>
      </section>
    </div>
    <script type="text/javascript" src="js/controls.js" charset="utf-8"></script>
  
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
lolmauspro
0viewers