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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Demo by roXon</title>
</head>
<body>
  
  <b>test</b>
  
<div id="movable">
​
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
  <div class="box">4</div>
  <div class="box">5</div>
  <div class="box">6</div>
  <div class="box">7</div>
  <div class="box">8</div>
  <div class="box">9</div>
  <div class="box">10</div>
    
</div>
  
  
  
</body>
</html>
​
 
#movable{
  position:relative;
  margin:0 auto;
  width:400px;
  height:200px;
  background:#888;
  overflow:hidden;
  white-space:nowrap;
}
.box{
  width:360px;
  height:160px;
  margin:10px;
  padding:10px;
  position:relative;
  
  display:inline-block;
  *display:inline;
  zoom:1;
  margin-right:5px;
  background:#eee;
  border-radius:8px;
}
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers