css - How do I make the divs inline? -


i using wrapper pretty confused. want 2 resultbox divs in line submit div.

take here:

http://jsfiddle.net/qtvwr/

what doing wrong?

i'm not familiar css.

part of problem there issues html. here's start:

  1. make sure divs closed.
  2. remove floats css
  3. add display:inline-block;
  4. remove inline styles html.
  5. correct .wrapper class .wrapper1 (matching html)

so, more want, assume:

.wrapper1 {     height:70px;     width: 800px;     background: #ffffff;     border: 1px solid grey;     color: #bdbdbd; }  .resultbox {     width: 300px;     background: #ffffff;     color: #bdbdbd;     display: inline-block; }  .submit {     height:15px;     width: 32px;     margin-top:10px;     background: #ffffff;     border: 1px solid;     color: #bdbdbd;     display: inline-block;  } 

and html

<div class="wrapper1">     <div class="resultbox" style="" >         <div class="locationresult" style=""  form action="weezyresults.php" method="post">             <input type="text" name="search"  size="36" value="" style="" />         </div>         </div>      <div class="resultbox" style="" >         <div class="locationresult" style=""  form action="weezyresults.php" method="post">             <input type="text" name="search"  size="36" value="" style="" />         </div>         </div>      <div class="resultbox" style="width:35px;" >        <div class="submit"></div>     </div>      </div> 

example: http://jsfiddle.net/qtvwr/2/

you still need fiddle it. start.


Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -