html中居中独占一行的代码

在html中，有时我们需要让某个元素水平居中且独占一行。这种布局在网页设计中非常常见。那么应该如何实现呢？下面是一个常用的代码示例：

    <div style="text-align:center;">
        <span style="display:inline-block;width:200px;">这是居中独占一行的文字</span>
    </div>

上面的代码主要是使用了两个关键的CSS属性：text-align和display。其中，text-align为父元素设置水平对齐方式，值为center表示居中对齐。而子元素设置display:inline-block，使其成为内联块元素，同时还设置了一个宽度，保证该元素独占一行。

值得注意的是，如果我们需要将不定宽度的元素居中独占一行，可以设置左右margin为auto，而不需要设置display:inline-block和width。

    <div style="text-align:center;">
        <span style="margin:0 auto;">这是不定宽度的文字</span>
    </div>

最后提醒一下，以上代码应该放在HTML的

标签内或CSS文件中。