Aligning button's text to the left

I have the next code:

<button onClick={this.openModal}>[{this.props.defaultValue}]</button>

The text obtained from

[{this.props.defaultValue}]

is always centered. Is there a way to make it be aligned to the left?

This is what I am trying at present:

const bstyle = { 
        textAlign:'left',
        color: 'white'
     };
    const {open} = this.state;
    return (
            <div>
            <button style={bstyle} onClick={this.onOpenModal}>[{this.props.defaultValue}]</button>

 ....

with no results. :-( I can see the button aligned to the left. But its text to the center.