Kindly help style the radio buttons and checkboxes

1

Hello friends, which properties can i use to make the checkbox to appear on the left hand side while the radio buttons to appear on the right hand side?,https://codepen.io/emilynyaruri/pen/pooQgwa

2

The easiest way will, most likely, be to use flex boxes. Make a wrapper container to house two divs: one for radios and one for check boxes, and set its display to be flex and flex direction to row.

Then, set both the checkbox and radio div to be a flex column. Your code will end up something like this:

<style>
.container {
    display: flex;
    flex-direction: row;
}
.radios, checkbox {
   display:flex;
   flex-direction:column;
}
</style>
<div class="container">
    <div class="radios">
    </div>
   <div class="checkbox">
   </div>
</div>
3

thanks for the help. I really appreciate