I am trying to align a button to the most right yet not sucessfull. Here is my attempt.
<Button variant=contained style={{display: 'flex', justifyContent: 'right'}} color=primary className=float-right onClick={this.onSend}>You need to add display flex to the parent element of your Button.
See sandbox here for example: https://codesandbox.io/s/testproviderconsumer-klcsr
class App extends React.Component {
render() {
return (
<div style={{ display: flex }}>
<button
style={{ marginLeft: auto }}
>
Click
</button>
</div>
);
}
}
{{display: 'flex', justifyContent: 'flex-end'}} are defined in the parent element to align items in the child element.
