title: When using EJS script within span tag, why span tag class does affect result?
body: <p>This code works </p>
  
  <pre><code>&lt;span&gt;  
  &lt;% if( !first_name &amp;&amp; !last_name ) { %&gt;    
    login required!  
  &lt;% } else { %&gt;  
    Hello. &lt;%= first_name %&gt; &lt;%= last_name %&gt;  
  &lt;% } %&gt;  
  &lt;/span&gt;
  </code></pre>
  
  <p>BUT This code keep showing 'login required!' message  </p>
  
  <pre><code>&lt;span class="call"&gt;  
  &lt;% if( !first_name &amp;&amp; !last_name ) { %&gt;  
    login required!  
  &lt;% } else { %&gt; 
    Hello. &lt;%= first_name %&gt; &lt;%= last_name %&gt; 
  &lt;% } %&gt;                                                        
  &lt;/span&gt;
  </code></pre>
  
  <p>There is some style tag about class 'call' which is<br>
  <code>span.call{"margin-right:4%"}</code> , I solved this problem in this way.      </p>
  
  <pre><code>&lt;span style = "margin-right:4%"&gt;                                    
  &lt;% if( !first_name &amp;&amp; !last_name ) { %&gt;    
     login required!  
  &lt;% } else { %&gt;  
     Hello. &lt;%= first_name %&gt; &lt;%= last_name %&gt;  
  &lt;% } %&gt;  
  &lt;/span&gt;
  </code></pre>
  
  <p>But why second code doesn't work properly?   </p>