The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> How to centre two buttons horizontally
PamAtNZ
post Nov 27 2018, 03:42 AM
Post #1





Group: Members
Posts: 3
Joined: 27-November 18
Member No.: 26,763




I want to centre two buttons horizontally on my choir webpage - with maybe 100 pixels between.

[ Join Us ] [ Book Us ]

I have limited knowledge in markup and I have limited ability to edit the pages - because of the web subscription I have with the site provider. They provide area within the body but I can't access the CSS sheets. (not that I am very skilled in that area either)

I have two images to use for the buttons which I want to link to two other pages at the site.
My page is responsive and I want the buttons to adjust as necessary to monitor or phone.

I've tried using style but when I look at it in Safari - they end up underneath each other.

I just can't seem to do it - can anyone help?



User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
aresourcepool
post Jan 14 2019, 08:33 AM
Post #2





Group: Members
Posts: 4
Joined: 14-January 19
Member No.: 26,796



This can be solved using the following CSS:
#container { text-align: center;}
button {display: inline-block;}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 08:40 AM