Skip to content

Instantly share code, notes, and snippets.

@michaelparenteau

michaelparenteau/scroll-x.html

Created April 16, 2012 15:29
Show Gist options
  • Save michaelparenteau/2399479 to your computer and use it in GitHub Desktop.
Save michaelparenteau/2399479 to your computer and use it in GitHub Desktop.
Download ZIP
scroll-x
Raw
scroll-x.html
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>sidescroll</title>
<link rel="stylesheet" href="http://reset5.googlecode.com/hg/reset.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
<style type="text/css" media="screen">
.wrapper {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
li {
display: inline-block;
width: 300px;
}
</style>
</head>
<body>
<ul class="wrapper">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
</ul>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment