Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.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; }
  #ranks,
  #specs {
    margin: 0;
    padding: 0;
    display: inline-block;
  }
  #ranks li,
  #specs li {
    display: inline-block;
    border: 1px solid #CCC;
    padding: 5px 10px;
  }
</style>
</head>
<body>
  <ul id="ranks"><li>
    Index</li><li>
    Contact</li><li>
    Portfolio</li>
  </ul>
 
  <ul id="specs"><li>
    Foo</li><li>
    Bar</li>
  </ul>
</body>
</html>
 
if (document.getElementById('hello')) {
  document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';
}
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers