y con, no obtienes el mismo resultado
<!-- Inner top -->
<div class="innerTop">
<div class="container">
<h3>teto aqui</h3>
<em>otro texto aqui</em>
</div>
lo que pasa es que el tag <i></i>, automaticamente no pone el texto al centro, eso significa que lo hace o por estar dentro del div <container> que pone todos los textos al centro (pero en ese caso con o sin tag <i> o <em> tambien deberia salir el texto al centro) o sino que en tu file .css han hecho que el tag <i> se coloque al centro...