Radio buttons inline

[gilnetoglartek]

I'm having an issue where I have a RadioGroup with two Radio objects inside. They appear like so:

I need them to appear vertically, like so:

This was achieved by editing the label element inside the browser.

Where can I edit these settings specifically?
This is the DOM structure in runtime:

Thanks

[iamkhush]

Use <div className="clearfix"></div> between the radio buttons.

[gilnetoglartek]

It worked. Thanks.

[ojha007]

How to add <div className="clearfix"></div> to display vertically
`
{
props.options &&
props.options.map((value, key) => (
<Radio
style={{
display: 'block'
}}
id={value}
key={key}
radioClass="iradio_square-blue"
increaseArea="20%"
type="radio"
label={
<span style={{padding: '1em'}}>
{
value.charAt(0).toUpperCase() + value.substring(1)
}

}
value={value}
onClick={props.handleChange}
/>
)
)

                }`