General developer forum

How to center align embedded google calendar

 
Picture of Jordan Anderson
How to center align embedded google calendar
 

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: -
Picture of kim Rechter
Re: How to center align embedded google calendar
 

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