Materialize: Center class not working for a nested button

[Shivang-Bhandari]

Description

When a Submit button is a child to a div with class row the class center is giving the same result as class left whereas right works perfectly fine.

Repro Steps

make a submit button a child to div tag.

<div class="row">
    <button class="btn waves-effect waves-light center" type="submit" name="action">Submit
        <i class="material-icons right">send</i>
    </button>
</div>

[DanielRuf]

The class .center just applies text-align: center. For floating I see just .left and .right here.

Try using .center-align or .center on the .row (the parent element / wrapper).

See here

[Shivang-Bhandari]

@DanielRuf Thanks for helping me out but even after applying .center-align and .center on the parent wrapper the float doesn't seem to be fixed. Unable to place button in the center still.

[DanielRuf]

@Shivang-Bhandari can you provide a codepen of your code based on my codepen?

[Shivang-Bhandari]

@DanielRuf http://codepen.io/thegrim/pen/ryQJNm

[DanielRuf]

You forgot to remove the right class: http://codepen.io/anon/pen/peQagE

[Shivang-Bhandari]

@DanielRuf Thank you so much for helping me out

[DanielRuf]

You are welcome.