html - css align ul to form -


hi i'm doing live search ajax. want align form , ul.
here form

<div align="right">     <form method="post" action="" id="search" class="kb-search">         <input type="text" id="kbsearch" name="kbsearch" placeholder="knowledge base" autocomplete="off">         <input type="hidden" name="action" value="searchkb"/>     </form>     <ul id="results"></ul> </div> 

and here css

.kb-search {     width: 250px; } #results {     text-align:left;     width: 250px;     background: #ffffff;     padding: 5px 10px;     max-height: 400px;     overflow: auto;     position: absolute;     z-index: 99;     border: 1px solid #a9a9a9;     border-width: 0 1px 1px 1px;     -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);     -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);     -box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } 

how can this: enter image description here

you can set parent div position relative.. #results add right: 0.. think do..


Comments

Popular posts from this blog

c# - How to get the current UAC mode -

postgresql - Lazarus + Postgres: incomplete startup packet -

angularjs - ng-repeat duplicating items after page reload -