Hi,
I am seeking help on how to align text and text input boxes using proper technique in openElement.
On my page, I have one group of elements container (set to relative, width 100%, height auto). In this container, I have many text input fields for users to enter data. For each text input field, I have a single-line text as its label. For now, this label is at the start of the line for each input field.
What I would like to achieve is to have the left side of all the input fields lined up. Because the labels have different lengths and therefore all input fields zigzag. I currently use the label's right outer margin to align these input fields but this is a guess work with pixels. Note that this page is intended to be responsive.
Because there are many user entries, I also would like to know how to lay them out with two columns with proper alignment. I attempted to use table element to do this but it does not look like table allows me to insert element into its cells except typing in text. Is this true?.
I appreciate any help and tips I can get. Thanks.