title: Is there any way to remove italic effect <i> tag using CSS?
body: <p>How do I remove italic effect of <code>&lt;i&gt;</code> tag so I can do this:</p>
  
  <pre><code>&lt;span&gt;
      test&lt;i&gt;test&lt;/i&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I am filling some text in the <code>&lt;i&gt;</code> tag using jQuery innerHtml, so it comes in italic, but I don't want the italic effect. </p>
  
  <p>Is there any way I can remove the italic effect using CSS? </p>
  
  <p>I cant use a different tag. I can only use the <code>&lt;i&gt;</code> tag.</p>