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

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

<style type="text/css">
    .photo {
        float:left;
        margin:0 10px 0 0;
    }
    .cf:after {
        content:".";
        display:block;
        visibility:hidden;
        height:0.1px;
        font-size:0.1em;
        line-height:0;
        clear:both;
    }
    .cf {
        display:inline-block;
    }
    /* Hides from IE-mac \*/
    * html .cf {
        height:1%;
    }
    .cf {
        display:block;
    }
    /* End hide from IE-mac */
</style>

<!-- 親要素 [start] -->
<div class="cf" style="background:yellow;">
    <!-- 子要素 p + img -->
    <p class="photo"><img src="/content/img/pic1-thumb.png" alt="写真" /></p>
    <p>サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。</p>
</div>
<!-- 親要素 [end] // -->

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