question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make buttons (button group) position centered

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Reactions:1
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
acburstcommented, Nov 20, 2015

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

0reactions
tomscholzcommented, Jun 16, 2017

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!

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found