Make buttons (button group) position centered
See original GitHub issueCenter 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
Issue Analytics
- State:
- Created 9 years ago
- Reactions:1
- Comments:7 (2 by maintainers)
Top Results From Across the Web
How To Center a Button in a DIV Element - W3Schools
Learn how to center a button element vertically and horizontally with CSS. Centered Button ... position: relative; border: 3px solid green;
Read more >How to center a button with HTML & CSS
Sometimes you might want to have two buttons next to each other, but to center both together on the page. You can achieve...
Read more >How to align button group in the centre? Html css [duplicate]
I have two buttons in a group and I want to align them under the heading. I've tried padding-left 300px, but when I...
Read more >How to center a button in CSS - Javatpoint
There are various methods of aligning the button at the center of the web page. We can align the buttons horizontally as well...
Read more >How to center a button element using HTML and CSS
Let's look at how you can center a button horizontally and vertically using HTML and CSS.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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
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!