[CSS] ぶら下がりインデント

<ul class="caution">
<li>いろはにほへと　ちりぬるを　わかよたれそ　つねならむ　うゐのおくやま　けふこえて　あさきゆめみし　ゑひもせすん　いろはにほへと　ちりぬるを　わかよたれそ　つねならむ　うゐのおくやま　けふこえて　あさきゆめみし　ゑひもせすん</li>
<li>いろはにほへと　ちりぬるを　わかよたれそ　つねならむ　うゐのおくやま　けふこえて　あさきゆめみし　ゑひもせすん</li>
<li>いろはにほへと　ちりぬるを　わかよたれそ　つねならむ　うゐのおくやま　けふこえて　あさきゆめみし　ゑひもせすん</li>
</ul>

ul.caution {
    list-style-type: none;
    li::before {
        content: '※';
        margin-right: .5em;
        margin-left: -1.5em;
        text-indent: -1em;
    }
}