PHP & JavaScript Room :: 設置サンプル

実行結果

写真

サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

ここは回り込みませんよ。

ソース

<style type="text/css">
    p.photo {
        float:left;
        margin:0 10px 0 0;
    }
    br.clr {
        clear:both;
    }
</style>
<!-- 親要素 [start] -->
<div style="background:yellow;">
    <p class="photo"><img src="/content/img/pic1-thumb.png" alt="写真"  /></p>
    <p>
        サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
        <br class="clr" />
    </p>
</div>
<!-- 親要素 [end] // -->

<p>ここは回り込みませんよ。</p>

polarized women