Centering Modules in Email

[jaqigibson]

I have an image and text grouped with in a module, I have an identical module next to this. In mobile I want the modules to stack center but not the individual layers within the module. 

Can someone help me?

text-align:center; is not working 

[josephLayden]

Have you applied the text-align property to the parent?  Try also using the margin property.  For example:

.parent {

  text-align:center;

}

.child {

  margin: 0 auto;

}

[jaqigibson]

Sadly that is not working. 

[dennisedson]

@jaqigibson, you can use media queries in email.  you cannot use flex.

do you have a preview link for the email? 

[jaqigibson]

http://email.choosehealthy.com/-temporary-slug-de21f6a4-6f19-4752-bf84-528268a53422?hs_preview=kAHgs...

[dennisedson]

@jaqigibson, unsure how you originally built this, but if there is a way to add a class to the three rich text modules, that would make it cleaner.  Otherwise, you will need to target each by their ID.  here is what it would look like for the flying if you have to use the ID.  if you can add a class, substitute it for the id

@media (max-width: 480px){
   #hs_cos_wrapper_module_15409446881632902_ div {
    text-align: center !important;
  }
}

[josephLayden]

Thanks for clarifying. I meant to specifiy inline.

[jennysowyrda]

Hey @jaqigibson,

The more details, links, examples, and screenshots that you can include the better the Community can assist.

Once we have more information, we can try to help out.

Thanks,
Jenny

[jaqigibson]

Here is the desktop version looking how I want it to look, 

Here is the mobile version not being centerd.

Is there a way to center the left justified text on the page while remaining left justified? 

[josephLayden]

Another idea is to use FlexBox.  Check out this link for more details.

    .parent {

        display: flex; /* or use inline-flex */

        justify-content: space-between /*or use center*/

    }

Please post the relevant HTML or CSS and I can modify in browser...

[josephLayden]

If you still want the text aligned left but want to center the text block try adding some margins.

[jaqigibson]

Is there a way for the text to be left aligned for the desktop email but centered on mobile email?

[josephLayden]

I did not realize you were creating an email.  Thought it was a website.  Your best bet for emails is using tables.  It is not possible to use media queries.

[josephLayden]

Yes.  Use CSS media queries to alternate styles between desktop and mobile.  Here are the basics.

[jaqigibson]

Even though emails should not use CSS style sheets rather should use inline styling?