총알에서 멀리 텍스트를 줄 바꿈하는 방법?

Question

list-style-position: outside을 사용하는 대신 내 사용자 지정 의사 요소 글 머리 기호를 사용하는 것과 같이 글 머리 문자를 멀리 감쌀 수 있습니까?

div { 
 
    width: 250px 
 
} 
 

 
ul { 
 
    padding: 10px; 
 
    list-style: none; 
 
} 
 

 
ul>li::before { 
 
    padding-right: 10px; 
 
    position: relative; 
 
    top: 5px; 
 
    font-size: 2em; 
 
    content: "\2022"; 
 
    color: #fee100; 
 
}

<div> 
 
    <ul> 
 
    <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li> 
 
    <li>VLorem Ipsum is simply dummy text of the printing.</li> 
 
    </ul> 
 
</div>

Answer 1

당신은 음의 값으로 상대적 대신 절대 위치를 사용할 수 있습니다

div { 
 
    width: 250px 
 
} 
 

 
ul { 
 
    padding: 10px; 
 
list-style: none; 
 
} 
 

 
ul>li { 
 
position:relative; 
 
} 
 

 
ul>li::before { 
 
    padding-right: 10px; 
 
    position: absolute; 
 
    left:-15px; 
 
    top:-10px; 
 
    font-size: 2em; 
 
    content: "\2022"; 
 
    color: #fee100; 
 
}

<div> 
 
    <ul> 
 
    <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li> 
 
    <li>VLorem Ipsum is simply dummy text of the printing.</li> 
 
    </ul> 
 
</div>