Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
  <style>
  *{margin:0;padding:0;}
    #container{width:135px;border-top:5px solid #00f;border-left:5px solid #00f;}
    a{float:left;width:40px;height:40px;border: 5px solid #00f;margin-left:-5px;margin-top:-5px;letter-spacing:-10px}
    a:hover{border-color:#f00;position:relative;}
  </style>
</head>
<body>
  <div id="container">
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#">6</a>
    <a href="#">7</a>
    <a href="#">8</a>
    <a href="#">9</a>
     <a href="#">7</a>
    <a href="#">8</a>
    <a href="#">9</a>
    </div>
</body>
</html>
Output 300px

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

Dismiss x
public
Bin info
ginowang42pro
0viewers