Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
  <meta charset="utf-8">
  <title>Machina</title>
</head>
<body>
  
  
  <div class="main" id="header">
    <div class="container" id="banner">Banner here</div>
  </div>
  
  <div class="main" id="sidebar">
    <ul class='navi sidebar'>
      <li>Navi</li>
      <li>Navi</li>
      <li>Navi</li>
      <li>Navi</li>
      <li>Navi</li>
    </ul>
  </div>
  <div class="main" id="content">Content here</div>
  <div class="main" id="footer">Footer here</div>
  
  
  
  
  
  
</body>
</html>
 
.main{
  border:2px solid black;
  position:relative;
}
.sidebar > li{
  display:inline-block; 
  
  /* display:block;
  border:2px solid black;
}
Output

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

Dismiss x
public
Bin info
kizzlebotpro
0viewers