Is there any way to remove italic effect <i> tag using CSS?

You just need to use this CSS code:

.no-italics {
    font-style: normal;   
}

HTML code:

<span>
   test
   <i class='no-italics'>test</i>
</span>

Use font-style:

i {
  font-style: normal;
}