Kindly help style the radio buttons and checkboxes

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?,

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:

.container {
    display: flex;
    flex-direction: row;
.radios, checkbox {
<div class="container">
    <div class="radios">
   <div class="checkbox">

thanks for the help. I really appreciate