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
  • …
 
  
<html>
  <head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" type="text/css" media="all" /> 
      <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /> 
       
       
      <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js" type="text/javascript"></script> 
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script> 
  <title></title>
    <style>
    .right_box_holder {
  vertical-align: middle;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
        
}
​
.right_box_holder li,
.right_box_holder li img,
.right_box_holder li span {
  vertical-align: middle;
  font-size:26px;      
}
      </style>
  </head>
  <body>
​
<ul class="right_box_holder">    <li>
  <span>
    <img src="http://cdn.iconfinder.net/data/icons/oxygen/32x32/actions/go-previous-rtl.png" class="button_icon_or_css_sprite" alt="" />
  </span>Item 1</li>    
  <li >
    <span>
      <img src="http://cdn.iconfinder.net/data/icons/oxygen/32x32/actions/go-previous-rtl.png" class="button_icon_or_css_sprite" alt="" />
    </span>Item 2</li>    
  <li >
    <span>
      <img src="http://cdn.iconfinder.net/data/icons/oxygen/32x32/actions/go-previous-rtl.png" class="button_icon_or_css_sprite" alt="" />
    </span>Item 3</li>    
  <li >
    <span>
      <img src="http://cdn.iconfinder.net/data/icons/oxygen/32x32/actions/go-previous-rtl.png" class="button_icon_or_css_sprite" alt="" />
    </span>Item 4</li>    
  <li >
    <span>
      <img src="http://cdn.iconfinder.net/data/icons/oxygen/32x32/actions/go-previous-rtl.png" class="button_icon_or_css_sprite" alt="" />
    </span>Item 5</li>    
  <li >
    <span>
      <img src="http://cdn.iconfinder.net/data/icons/oxygen/32x32/actions/go-previous-rtl.png" class="button_icon_or_css_sprite" alt="" />
    </span>Item 6</li>    
  <li >
    <span>
      <img src="http://cdn.iconfinder.net/data/icons/oxygen/32x32/actions/go-previous-rtl.png" class="button_icon_or_css_sprite" alt="" />
    </span>Item 7</li> 
</ul> 
    
  </body>
</html>
​
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers