The pre-defined classes: column2, column3, and column4, used by the “Calculated Fields Form” plugin, to align two, three or four fields into the same line to display the form with a tabular format. The classes are assigned to the fields through the attribute: “Add Css Layout Keywords”
For example, if you want to put two consecutive fields into the same line, assigns the class name: “column2” to both fields, but if the heights of fields are different, the next field may be displayed displaced at right. How solve this?
To solve the issue with the field’s position, would be needed assign the class name: clear, to the next field. The “clear” class, distributed with the plugin, clears the fields before and after this one. But, what to do if the next field has assigned one of column class? In this case you should insert a DIV field between the groups of fields, as a separator between groups, and assign the class “clear” to the DIV field.