Button Positioning

[Alan Vende]

I have been working on this for the past hour, but I cannot seem to make it so my button moves into the middle of the div that it is in.

I have tried:


button.Amazon-book-button {
   margin-left: auto;
   margin-right: auto;
}

button.Amazon-book-button {
   align: center;
}

.Amazon-book-button (
    position: relative;
    left: 50px; {and changed that to other values, but none worked.)
}

Amazon-book-button {
    padding-left: 100px;
}
Am I close here, or am I way off? The last one moved only the text within the button, not the button itself.

Thank you for your help! I don't know why my mind won't wrap around this...

[Todge]

Oct 23, 2017 14:26:04 GMT -8 Alan Vende said:

I have been working on this for the past hour, but I cannot seem to make it so my button moves into the middle of the div that it is in.

I have tried:


button.Amazon-book-button {
   margin-left: auto;
   margin-right: auto;
}

button.Amazon-book-button {
   align: center;
}

.Amazon-book-button (
    position: relative;
    left: 50px; {and changed that to other values, but none worked.)
}

Amazon-book-button {
    padding-left: 100px;
}
Am I close here, or am I way off? The last one moved only the text within the button, not the button itself.

Thank you for your help! I don't know why my mind won't wrap around this...

What is the button? If it's an input or button tag, you can use text-align..

.button (
    text-align: center;
}

[Alan Vende]

I had to put a class on the button since I will have a few, one to go to Amazon, and then one to go to my website.

The name is Amazon-book-button. I will have another right next to it that is {tt]Website-book-button[/tt] that redirects to my website because Amazon doesn't sell signed copies of books--I'll have to do that through my website.

I wanted to center it first, and then I was going to use a non-breaking space to separate the buttons, but no matter what I do, even if I put in your CSS, it doesn't move to the middle.

I'd post my URL, but it's in Maintenance Mode because there is a lot of things that I need to do to it before it can be live again. I'm just stuck and needed help because I've done everything I could think to attempt to move it to the middle, but nothing worked.

[Todge]

Can you post the HTML of the buttons and their containing cell(s)?

It's hard to know what's going on when you can't actually see the code.

[Alan Vende]

Hey, Todge ,

I apologize for the really late response. I was typing my response to you, and then my power went out--phone, internet, and cable, so I was unable to respond to anything. So sorry for the long wait for a response.

I had posted this thread, and I think that I had inadvertently fixed the issue in this post in that one as they are now centered in the divs. The forum is out of Maintenance Mode, so you're able to see the page. It is here.

Thank you for your help, and again, I apologize for not responding until now.

Have a great rest of your night!

[Todge]

No worries.. It looks good....

Glad you got it sorted.

[Alan Vende]

Oct 26, 2017 12:24:53 GMT -8 Todge said:

No worries.. It looks good....

Glad you got it sorted.

Thank you for your help, Todge!