How to center align embedded google calendar

How to center align embedded google calendar

by Jordan Anderson -
Number of replies: 1

I was able to embed a Google Calendar into a site and have it styled the way I want except for the fact that it's left aligned and I would like it centered. I've been messing with it for quite a while and just don't know what else to try. Does anyone know how to center align an embedded calendar? I just copied the iframe code into the page. 

Here is the page I am referring to: https://www.squareonemed.com/pages/community-cpr-classes 

Average of ratings: -
In reply to Jordan Anderson

Re: How to center align embedded google calendar

by kim Rechter -

normally you simply add: 

 #content {

 text-align: center; 

 } 

another trick would be setting the width of the div and then auto margin your div:

 #content {

 width: 800px;

 margin-left: auto; 

 margin-right: auto;

 }

Average of ratings: -