我不能将我的<i>标签放在内联显示中。如何做到这一点？

<style>
    .block {
        display: block;
    }
</style>

<div class="block">
    <i>这是一个块级<i>标签</i></i>
</div>

<style>
    .inline-block {
        display: inline-block;
    }
</style>

<span class="inline-block">
    <i>这是一个行内块级<i>标签</i></i>
</span>