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>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  ul {
position:absolute;
margin-left: -40px;
}
ul li {
list-style:none;
}
li.uli{
padding: 8px 16px 0px; 0 ;
display:block;
height:32px;
width: 368px;
list-style:none;
font-size: 16px;
font-family: arial;
 }
li.uli:hover{
cursor:default;
 }
#center {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 400px;
height: 460px;
border: solid 1px silver;
}
#inp {
position: relative;
padding: 8px 16px 0px; 0 ;
font-size: 16px;
top: 2px;
left: 2px;
height:32px;
width: 360px;
outline:none;
}
​
.current{
  background:#E0EAF1;
}
</style>
</head>
<body>
<div id="center">
    <form id="for" method="get" action="http://google.com/search" >
        <input name="q" id="inp" autocomplete="off" />
        <ul id="test">
            <li></li>
        </ul>
    </form>
</div>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers