Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  ul li{
    list-style:none;
    display:inline-block;
    background:#eee;
    margin:0px 2px;
    padding:0px 5px;
    height:40px;
    line-height:40px;
  }
  li img{
    position:relative;
    float:left;
    margin:5px;
  }
  
</style>
</head>
<body>
down vote favorite
share [fb] share [tw]
    
 <ul id = "Software">
   <li id = "pdf1"><img src="http://dummyimage.com/30x30/">Catalogue</li>
   <li id = "pdf2"> <img src="http://dummyimage.com/30x30/">Manual Data</li>
   <li id = "pdf3"> <img src="http://dummyimage.com/30x30/">Technical Data</li>
   <li id = "software1">Software</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