两行文字如何在同一排居中

<div>

	11111111111111111111111111111111111111<span><h2 style="text-align:center;">222</h2></span>

</div>

我想111111111111111111111111靠左边，222居中，在同一行，现在弄成2行了
------解决方案--------------------

<div>

    <span style="float:left;">11111111111111111111111111111111111111</span><h2 style="margin:0 auto;width:200px;text-align:center;">222</h2>

</div>

------解决方案--------------------
设置 h1{display:inline;} 就可以在同一行了；然后加几个 就空开了位置
------解决方案--------------------
试试我这个，宽度我改成100%，这样222在任何屏幕都是居中的

<div>

    <span style="float:left;">11111111111111111111111111111111111111</span><h2 style="margin:0 auto;width:100%;text-align:center;">222</h2>

</div>