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>
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  #main { width: 900px; padding: 5px; background-image: none; }
#main .content { float: left; width: 680px; }
#main .sidebar { float: right; width: 200px; }
</style>
</head>
<body>
    <div id="main" class="ui-widget ui-widget-content ui-corner-all">
​
        <div class="content ui-widget ui-widget-content ui-corner-all">
            Content<br />Content<br />Content<br />
        </div>
        
        <div class="sidebar ui-widget ui-widget-content ui-corner-all">
            Sidebar<br />Sidebar<br />Sidebar<br />
        </div>
      <br style="clear: both; /><hr/>
    </div>
</body>
</html>
 
if (document.getElementById('hello')) {
  document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';
}
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers