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 class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  div{width:415px;border:2px solid red; text-align: center}
  ul{margin-top:20px;display:inline-block;margin:0;list-style:none;padding:0;}
  li{float:left;margin-right:10px;display:inline-block}
  a{float:left}
</style>
</head>
<body>
  <div class="wrapper">
    <ul role="navigation" class="slidecontrols"> 
      <li role="presentation" class="prev"><a class="carouselTwoCarousel-prev carouselTwoCarousel-disabled" href="#carousel-3-0">Prev</a></li>
      <li style="width: auto; background: none repeat scroll 0% 0% transparent;">
        <li role="presentation" class="carouselTwoCarousel active-tab"><a role="tab" id="carousel-3-0-tab0" aria-controls="carousel-3-0-slide0" href="#carousel-3-0-slide0" aria-selected="true" tabindex="0">Page 1</a></li>
        <li role="presentation"><a role="tab" id="carousel-3-0-tab1" aria-controls="carousel-3-0-slide1" href="#carousel-3-0-slide1" aria-selected="false" tabindex="-1">Page 2</a></li></li> 
      <li role="presentation" class="next"><a class="carouselTwoCarousel-next" href="#carousel-3-0">Next</a></li>
    </ul>
  </div>
</body>
</html>
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers