css - How do I make the divs inline? -
i using wrapper pretty confused. want 2 resultbox
div
s in line submit
div
.
take here:
what doing wrong?
i'm not familiar css.
part of problem there issues html. here's start:
- make sure
div
s closed. - remove
float
s css - add
display:inline-block;
- remove inline styles html.
- 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
Post a Comment