how to center a markdown block?

Site URL: https://www.lulucheng.com/writing

i added a markdown block so i could embed an email signup form for my Substack newsletter. this is the html code i received from Substack to do that:

<iframe src="https://lulu.substack.com/embed" width="480" height="320" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe>

however, when i paste this code into the markdown block editor, it left aligns the signup form (white box below the 'sign up' button):

how do i center the signup form on the page? i'm using the sofia template. 

thanks for any help or insight!

p.s. i removed the markdown block from https://www.lulucheng.com/writing for now, but the screenshot i've attached shows the issue i'm describing.

Push the block to the center using spacers on the left and right. Might just need one on the left. . 

On 4/18/2020 at 10:55 AM, derricksrandomviews said:

Push the block to the center using spacers on the left and right. Might just need one on the left. . 

how do i insert a spacer? (what’s the code i need to put)

There is no code, just edit a page and add a spacer, just as you would add a text block or image block,  to the page and use it to move the markdown block. You will need to put the markdown block back up first of course. 

https://support.squarespace.com/hc/en-us/articles/206566717-Spacer-Blocks

10 hours ago, derricksrandomviews said:

There is no code, just edit a page and add a spacer, just as you would add a text block or image block,  to the page and use it to move the markdown block. You will need to put the markdown block back up first of course. 

https://support.squarespace.com/hc/en-us/articles/206566717-Spacer-Blocks

ah, i see. i added a spacer on either side, but it's still not centered. it's more obvious on mobile:

i think the problem is that the signup module itself is left aligned in the markdown block. and no matter how i resize the spacers on either side, i can't get it quite centered. is there a way to center the signup module within the markdown block (maybe using code)? 

I have exactly the same problem. And especially on mobile devices. Did you find any solution @skiptomylu211 ?

On 4/18/2020 at 12:07 PM, skiptomylu211 said:

Site URL: https://www.lulucheng.com/writing

i added a markdown block so i could embed an email signup form for my Substack newsletter. this is the html code i received from Substack to do that:

<iframe src="https://lulu.substack.com/embed" width="480" height="320" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe>

however, when i paste this code into the markdown block editor, it left aligns the signup form (white box below the 'sign up' button):

how do i center the signup form on the page? i'm using the sofia template. 

thanks for any help or insight!

p.s. i removed the markdown block from https://www.lulucheng.com/writing for now, but the screenshot i've attached shows the issue i'm describing.

<center><all other styling> Your Content <all other styling></center>

Add an additional center tag on top of your content and styling.

24 minutes ago, MarkeGroup said:

Add an additional center tag on top of your content and styling.

Hi,
Please do not use <center> tag! It's outdated!

https://www.w3schools.com/tags/tag_center.asp

Instead of it you can make it center via CSS easily! @LuxNarayan @skiptomylu211

Please use the like button if it helps you!

Best,
Leopold