Lable and Field responsiveness

So you have an input field in a form, and a label (some text) on the Left, you want the field to lay right after the text of the label, but you want to have the whole thing aligned to the left, right or center, and you don’t want the Label to move apart from the field when the page is stretched.

In other words: you want 2 elements on the same line to keep a layout closeness regardless of page size, but still have them aligned as a whole, right, left or center.

How?

You group them together, and set the alignment of each element to left. Then, you set the alignment of the group to whatever you need it to be for your design.

1 Like