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;
}
Copyright © 2009 CSS Lecture All rights reserved.