CSSで1行目の見出し項目をぶら下げインデントする

<ul>
    <li>※ああああああああああああああああああああああああああああああああああああ</li>
    <li>※いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</li>
    <li>※うううううううううううううううううううううううううううううううううううううううう</li>
</ul>


ul {
    list-style: none;
    width: 250px;
    font-size: 0.8em;
    line-height: 1.3;
}

li {
    margin-bottom: 5px;
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
    color: #666666;
}