请问如何让 DIV 里的指定元素水平居中而其他元素不变？

请问如何让 .inner 在 .outer 里面水平居中但.outer 里的其他元素(例如 P 和 IMG 的居中方式保持原来的不变)?

<style>
.inner{background-color:#fabb00;width:200px;height:200px;}
</style>
<div class="outer">
	<div class="inner">
	</div>
	<p>
		我是文字我是文字我是文字
	</p>
	<img src="https://v2ex.assets.uxengine.net/site/[email protected]?m=1346064962">
</div>

代码:
http://runjs.cn/code/xfvfnu3t