Float left vs Inline-Block Problems, How to make them stay in place? Options

[CharlesEF]

Hi All,

Once again I find myself in a pickle. I have 6 div's that I want to display as 2 lines of 3 div's each. Each div has a span below the input, to show error messages. This is where the problem is. The div's move around depending on which div's show an error message. I tried both methods and inline-block seems a little better but they move also (I don't think they actually move, they just don't expand the same).

Attached is a sample page that shows what I'm talking about. You will need javascript, just click on a button and the word 'Required.' will show in the error span.
 example.html ( 6.43k ) Number of downloads: 132



Thank you for any and all help,

Charles

[CharlesEF]

I found the fix. Seems all I had to do was define a fixed height to each div. Now the floated div's don't seem to move around anymore.

If this is wrong, please let me know.