html - cssの対角線にテキストを正当化することは可能ですか?

Question

CSS/HTMLで対角線にテキストを正当化することは可能ですか?

はいの場合、検索するキーワードをさらに共有したり、パスを指定したりするにはどうすればよいですか?

このような：

Answer 1

これが一番近いようです。css3 のトランスフォーム スキュー プロパティを使用しました。

body>div {
    -webkit-transform: skewX(30deg);
    margin-left: 50px;
    margin-top: 50px;
    font-style: italic;
}

働くフィドル

css3プロパティの「scale」「skew」「rotate」で遊んでみます。transformあなたの結果が得られるかもしれません。:)

またはそうでなければ

以下に示すように、ネストされた要素をリスト項目に保持します。

<ul>
    <li>this is first line
        <ul>
            <li>this is second line
                <ul>
                    <li>this is third line</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

固定の margin-left または padding-left を与えることで、単純なネストされた div 要素で上記のトリックを実行することもできます。

働くフィドル