I think this is probably a simple thing that I am supposed to already know, but don't. I have a sequence of fields that are supposed to go Alpha, Beta, Gamma, Delta, Epsilon, Bottom, Line 1, Line 2, Range, AoE Here is a snipit of the html. <span class="sheet-small-label2 sheet-autoexpand" style="clear: both;">
<input title="@{height}" type="text" name="attr_length3" />
<span name="attr_length3" class="sheet-autoexpand"></span>
<span>Epselon</span>
</span>
<br>
bottom
<span style="clear: both;">Line 1</span>
<div>Line 2</div>
<span class="sheet-nowrap sheet-label-under">
<input name="attr_SP_Range" type="text" style="width:5em;" >
<span>Range</span></span>
The problem is that bottom, line 1, and line 2, get placed after Gamma, then we get delta, epsilon and Range. What seems to be happening is that for some reason the labels are being displayed as blocks instead of inline-blocks (which is a different topic see this topic ) which forces me to use float lefts to get more than one on a line. When Delta is too long to share the line with the other three, it starts a new line (which is what I want), but unfortunately, it then efficiently decides that bottom and line 1 will fit on that line and moves them up. I want fields to move up to the previous line if there is room for them, but only in order. Not shorter ones jumping ahead of longer ones. Once again, I think this would fix itself if I could somehow convince it to use inline-block instead of blocks and floats, but I can't. And I think that the rest of the problem is probably really simple and something that I am supposed to know, but forgot. Thanks.