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

実行結果

※注釈などで「※印」をつける時に、2行目以降がインデントされてたらいいなと思うことはありませんか?テーブルで括ると面倒ですよね。そんな時、余白とインデントを上手く組み合わせれば簡単にできますよ。

ソース

<style type="text/css">
    /* 左余白を1文字分とり、インデントをマイナス1文字分するのがポイント */
    p.kome {
        padding-left:1em;
        text-indent:-1em;
    }
    /* 1文字目の※印を赤色に */
    p.kome:first-letter {
        color:red;
    }
</style>

<p class="kome">※注釈などで「※印」をつける時に、2行目以降がインデントされてたらいいなと思うことはありませんか?テーブルで括ると面倒ですよね。そんな時、余白とインデントを上手く組み合わせれば簡単にできますよ。</p>

polarized women