File
Login or Register via GitHub
<html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body><div class="container"> <header class="masthead"> <h1>The Header</h1> </header> <div class="side-left column"> Left sidebar </div> <div class="middle column"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec maximus justo, eu imperdiet turpis. Phasellus pharetra velit tellus, a tincidunt mi tempus nec. Sed eu porttitor odio. Pellentesque id ipsum auctor, pulvinar arcu ac, semper arcu. Phasellus laoreet ultricies magna, ut semper quam maximus ac. Duis rhoncus ullamcorper dui, et sollicitudin ex ultrices id. Sed rutrum dolor nec augue luctus pellentesque. Suspendisse sagittis pellentesque arcu non tincidunt. Maecenas condimentum tortor sed metus imperdiet, eget luctus lorem convallis.<p>Donec vitae pulvinar sem, nec posuere ligula. Mauris imperdiet ornare felis, vel consequat dui efficitur eget. Vestibulum luctus justo et quam ultricies, nec venenatis massa congue. Suspendisse viverra euismod odio, vitae tristique arcu mollis eget. Integer sed lectus id odio auctor volutpat eu in nulla. Praesent rutrum faucibus feugiat. Vivamus dignissim, enim ut molestie volutpat, nisi magna porta lectus, vel blandit sapien sapien a erat. Donec ut iaculis odio. Integer consectetur velit sit amet velit feugiat lacinia. </div> <div class="side-right column"> Right sidebar </div> <footer class="footer"> © Footer </footer></div></body></html>
Output
This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account
Dismiss xKeyboard Shortcuts
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + ] | Indents selected lines |
| ctrl + [ | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |
public
0viewers