Materialize: Make buttons (button group) position centered

[zigy]

Center button (button groups) example:

HTML:

<div class="center-btn">
          <a href="" class="waves-effect waves-light btn">Stuff</a>
</div>

or

<div class="center-btn">
          <a href="" class="waves-effect waves-light btn">Stuff1</a>
          <a href="" class="waves-effect waves-light btn">Stuff2</a>
          <a href="" class="waves-effect waves-light btn">Stuff3</a>
</div>

CSS

.center-btn { text-align: center }

You can add this to the source code for greater user comfort. ;)

-cheers ZIGY

[moxx]

+1

[WebStar007]

Yeah, it would be great to have button groups. Please add button groups.

[craigbennett1981]

+1

[acburst]

If all it is, is a div that has text-align: center, why not use our existing helper class center-align

http://materializecss.com/helpers.html

[ghost]

@acburst Totally agree, @Dogfalo any updates on this?

[Dogfalo]

Yes @acburst is right.

[tomscholz]

I'm going to lock this issue because it's very old and any new discussion should probably happen on a new issue with a more specific title!