I'm currently customising my first (woocommerce) email template and I'd like to hide data via CSS `display: none`

However, I'm wondering what the support of CSS and `display: none` is, i.e.

1. do all email clients support basic CSS such as `display: none` or is it too much?
2. what happens if a receiver views emails only in text format (not HTML)? Does the email client convert the HTML to text (i.e. the `display: none` is still not shown) or does the the email client just put out the plain text it can find without HTML conversion (i.e. `display: none` content is still shown)?
3. is there a website to test how emails will look across email clients (outlook, gmail, yahoo, spark, mac etc)?

I know this may be very basic, but I'd truly appreciate any help !

Many thanks

**Update:**

This website provides some details on hiding elements: <http://www.emaildesignreview.com/email-code/hiding-elements-in-email-4922/>

I'm currently using the following to try hiding on as many clients as possible:

```
font-size: 0; /* in case display-none isnt working */
max-height:0px; overflow:hidden; /* for gmail */
opacity: 0;
visibility: hidden;
display: none; 
mso-hide: all; /* for outlook */ 

```