サンプルページ

<h1>H1ですH2ですH3です</h1>

<p>以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。</p>

<p>以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。</p>

H1ですH2ですH3です

以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。

以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。


<h1>回り込みの範囲を任意に指定したいときは?</h1>

<div class="float" >

<p><div class="float" >で回りこませたい範囲を囲みます。</p>
<p>以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。</p>

<p>以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。</p>

</div>

回り込みの範囲を任意に指定したいときは?

<div class=”float” >で回りこませたい範囲を囲みます。

以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。

以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。以降のブロックは回り込みます。


<h4>H4ですH4ですH4ですH4です</h4>

H4ですH4ですH4ですH4です


<strong>strongです</strong>

strongです


<ul>
	<li>リスト</li>
	<li>リスト</li>
	<li>リスト
		<ul>
			<li>サブリスト</li>
			<li>サブリスト</li>
		</ul>
	</li>
	<li>リスト</li>
</ul>
  • リスト
  • リスト
  • リスト
    • サブリスト
    • サブリスト
  • リスト

<dl class="qa">
	<dt>質問</dt>
	<dd>答えです。答えです。答えです。</dd>
</dl>
質問
答えです。答えです。答えです。

<dl>
	<dt>項目です<strong>項目です</strong></dt>
	<dd>説明文です。説明文です。</dd>
</dl>
項目です項目です
説明文です。説明文です。

<blockquote><a href="http://yahoo.co.jp">引用の中のリンク</a> テキストテキストテキスト 。<a href="http://yahoo.co.jp">引用の中のリンク</a> テキストテキストテキスト 。</blockquote>

引用の中のリンク テキストテキストテキスト 。引用の中のリンク テキストテキストテキスト 。

IMG_4553