Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Navi link teste</title>
  </head>
  <!-- Body -->
  <body>
    <!-- header -->
    <div id="header">
      <!-- inner-center -->
      <div class="center" id="header_inner">
        <!-- banner -->
        <div id="banner" class='container'>
          <img src="http://i.imgur.com/We026r6.jpg" alt="">
        </div>
        <!-- navilinks -->
        <div id='navi' class="container">
          <ul>
            <li>Home</li>
            <li>About</li>
            <li>Community</li>
            <li>Reference</li>
            <li>Links</li>
          </ul>
        </div>
      </div>
    </div>
    <!-- content -->
    <div id="content">
      <div class="left" id='left_sidebar'>
        left side
      </div>
      <div class="center" id="content_inner">
        <div class="section">
          <h1>Title</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam neque iure voluptatibus aliquam assumenda sequi harum autem odit deleniti vero vitae voluptates hic ex voluptate voluptatem iste nobis dolor deserunt!</p>
        </div>
        <div class="section">
          <h1>Title</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam neque iure voluptatibus aliquam assumenda sequi harum autem odit deleniti vero vitae voluptates hic ex voluptate voluptatem iste nobis dolor deserunt!</p>
        </div>
        <div class="section">
          <h1>Title</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam neque iure voluptatibus aliquam assumenda sequi harum autem odit deleniti vero vitae voluptates hic ex voluptate voluptatem iste nobis dolor deserunt!</p>
        </div>
      </div>
    </div>
    <!-- center -->  
  </body>
</html>
 
*{
  margin:0;
  padding:0;
}
body{
  margin:50px 0px; 
  padding:0px;
  text-align:center;
}
img{
  max-height:100px;
}
ul li {
  list-style-type: none;
  display:inline-block;
}
.center {
  width:70em;
  margin:0px auto;
  text-align:left;  
  border:1px dashed #333;
}
#header{
  border:2px solid black;
}
.section{
  background:grey;
}
Output

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

Dismiss x
public
Bin info
kizzlebotpro
0viewers