title: Difficulty in understanding CSS-styling in MJML
body: <p>I'm new to MJML and using css-styles is kind of weird. For styling a <code>&lt;mj-text css-class=&quot;classname&quot;&gt;&lt;/mj-text&gt;</code> we have to add a &quot;div&quot; keyword in css-styles like:</p>
  <pre><code>&lt;mj-style&gt;
   .classname div{
  font-size: 15px;
   }  
  &lt;/mj-style&gt;
  </code></pre>
  <p>For mjml-text we use &quot;div&quot; along with the classname to style, for tags like <code>&lt;mj-image&gt;</code> or <code>&lt;br&gt;</code> etc..I have no idea how to use css-classes. Also why do we add that <code>div</code> along the classname while styling?. Please Help...</p>