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>
    <meta charset="utf-8">
    <title>JS Bin</title>
  </head>
  <body>
    <div id="header">
      <div id="homeB">
        <a href="" id="homeBTEXT">HOME</a>
      </div>
      <div id="infoB">
        <a href="" id="infoBTEXT">INFO</a>
      </div>
    </div>
    <div id="main"></div>
  </body>
</html>
 
#header {
  height:11%;
  width:70%;
  background:violet;
  margin-left:15%;
  overflow: hidden;
}
​
#main {
  height:100%;
  width:70%;
  background:blue;
  margin-top:1%;
  margin-left:15%;
}
​
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display:inline-block;
}
​
#homeB {
  width:20%;
  height:100%;
  background:red;
}
​
#homeBTEXT {
  display:block; 
  font-size:250%; 
  text-align:center; 
  text-decoration:none;
  font-family:Impact, charcoal, sans-serif;
  color:blue;
  float:left;
}
​
#infoB {
  width:20%;
  height:50px;
  background:red;
  float:right;
  left:64.2%;
}
​
#infoBTEXT {
  display:block; 
  font-size:250%; 
  text-align:center; 
  text-decoration:none;
  font-family:Impact, charcoal, sans-serif;
  color:blue;
}
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