On 2007-04-02, SJ <sj******@gmail.comwrote:
Can you help me....
I want this layout
--------------- --------------- -----------------
| text | | text | | text |
| <select>| |<select| | <select |
--------------- --------------- -------------------
I just want to use DIVs... I thoough this would do it but the break
screws it up.. any ideas?
display: inline-block in browsers that support it (Opera and Konqueror
are two that do for example).
Not supported in FF or IE unfortunately though. The best workaround is
to change "display: inline" to "float: left". So long as each unit is
the same height it should work OK.
><style>
.test{
border: solid red;
display: inline;
}
<div>
<div class="test">
text <br/>
<select></select>
</div>
<div class="test">
text <br/>
<select></select>
</div>
</div>