Why the Text-align: center; wont work?

Question

I am just confused I tried everything and nothing happened.

Answer 1

I don't have Opera, so I'll post this for you to try first, and if not, I'll download Opera so I can see it first-hand.

Change .buttonContainer to:

.buttonContainer {
width: 100%;
text-align: center;
margin: 0 auto;
}

Answer 2

https://code.sololearn.com/W43dH3oUgeXl/#html

.buttonContainer {
text-align: center;
}

<div class="buttonContainer">
<button class="button" onclick="alert('Thanks For supporting')" align="center">Yes</button>
<button class="button" onclick="alert('Contact us')" align="center">No</button>
</div>

Answer 3

I just remembered all the things I hate about web development. :)

Anyways, it could be many reasons, because many things affect the alignment of it. You may need to nest your element, maybe fix what's set on its parent, try margin: 0 auto;, try text-align: center;, etc....

Honestly, without seeing your code, it's hard to be specific on it. Post up your code and we can let you know for certain what's causing it.

Answer 4

Ok thanks for helping I really appreciate your answers

Answer 5

https://code.sololearn.com/W8w1Z054khsx/#html

here

Answer 6

Yup, I'm sure; at least with Chrome browser. Most of the time you just need to nest the elements you want centered and then align the container. Sometimes "margin: 0 auto;" is really useful for the trickier elements that won't center. Really just depends, not everything acts in the same way that you'd expect.

What browser are you using Yaman? It works flawlessly on my end, but again, I'm using Chrome. I'll test it in other browsers and adjust the code to make sure it works in the browser you prefer. This is the part of web development that I hated the most; y u no force standards?

Answer 7

It worked perfectly

Answer 8

it worked

Answer 9

@Yaman
Okay, perfect! If you have a piece of paper or something, write all of those things down for future reference. 99% of the time, one of those things I mentioned fixes the problem with centering.

Answer 10

Wait a min

Answer 11

The last 2 buttons

Answer 12

I post it already

Answer 13

are you sure?

Answer 14

It isnt working

Answer 15

I am using Opera

Answer 16

Ok I'll try

Answer 17

You're welcome.