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>Test</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  div.one {
    border: 2 px solid black;
    width:310px;
    overflow:hidden;
    height:auto;
  }
​
  div.two {
    border: 1 px solid red;
    width:200px;
    float:left;
    
  }
  
  div.three {
    border: 1 px solid blue;
    width:100px;
    float:right;
    overflow-y:scroll;
  }
</style>
</head>
<body>
  
  <div class="one">
    
    <div class="two">This is a beaver.<br />This is a beaver.<br />This is a beaver.<br />This is a beaver.<br />This is a beaver.<br /></div>
 
    <div class="three">This is definitly not a beaver! This is just a text..<br />This is definitly not a beaver! This is just a text..<br /></div>
    
    <div style="clear:both;"></div>
 
  </div>
​
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers