Alignment of text

Hello,
i want to align my text for the name,email,age and also that in the radio buttons and check boxes.
They are currently jumbled.
please follow this link to react: https://codepen.io/Cynthia7/pen/PoPVjBL
thank you.

Hello there,

The easiest thing to do would be:

  • Put your entire form inside a container (div)
  • Set the container to be right-aligned to its parent
  • Set all of the text inside the container (your form elements) to be left-aligned, so that they all start from the same vertical position.

Hope this helps

@Sky020 thank you for your help but may you please show me an example

Sure, have a look at this pen: https://codepen.io/sky020/pen/JjYmgBd

thank you @Sky020
this is what i have been able to do: https://codepen.io/Cynthia7/pen/PoPVjBL

1 Like