hタグ要素だけ左右少し横に出したいのデモページ

<div id="main">
<h2>見出し（タイトル）</h2>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</p>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</p>
</div>

#main	{
	width: 480px;
	padding:10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}
#main h2	{
	font-size: 133.3%;
	padding: 5px 10px;
	border-bottom: 2px solid #999;
	margin: 0 -10px 10px;
}
#main p	{
	margin-bottom: 1em;
}