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

実行結果

<html>
<head><title>タイトル</title></head>
<body>
本文
</body>
</html>

ソース

<style type="text/css">
    div.pcode1 {
        margin:1em 0; padding:10px 10px 10px 20px;
        border:1px solid #ccc;
        background:#efefef url(/content/img/css/bg_code.gif) repeat-y top left;
        overflow:auto;
    }
    div.pcode1 code {
        font-family:"ＭＳ ゴシック", "Osaka-等幅", monospace;
        margin:0;
        white-space:pre;
    }
</style>

<div class="pcode1"><code>&lt;html&gt;
&lt;head&gt;&lt;title&gt;タイトル&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
本文
&lt;/body&gt;
&lt;/html&gt;</code></div>