[CSS] 특수기호 문자하나 넣고 다음줄에 들여쓰기 해보기

 

 

 

특수 문자 하나 제일 앞에 박고, 다음줄에 문구가 나올때 자동 들여쓰기 되도록 간단히 코딩해보자. 

 

<style>
.depth_02 li {
    position: relative;
    padding-left: 18px;  /* 기호만큼 들여쓰기 */
    line-height: 1.6;
}
 
.depth_02 li::before {
    content: "-";        /* 기호 추가 */
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
}
</style>
 
    <ul class="depth_01">
        <li>
            <p class="s_tlt">건축위생설비 배수시스템의 음압, 양압 문제 설계▪공사</p>
            <ul class="depth_02">
                <li>블랙체크밸브는 위생설비 배수, 통기 설계공사시에 배수시스템에서 발생하는 양압 또는 음압과 배수통기시스템의 부적합한 설계, 공사때에 발생하는 유압펌프 현상은 아래층 욕실, 변기 또는 배수구에서 물을 통하여 양압을 밀어내는 현상을 발생시킵니다.</li>
                <li style="margin-top:15px;">이러한 양압문제를 해결하기 위해 사용되는 설계공법은 여러가지가 있습니다. 배수통기 시스템의 양압(역압) 문제를 해결하는 쉽고 경제적인 방법은 블랙체크밸브를 적용하여 수평배수관 또는 수직배수관에 튜얼체크방식으로 적용설계하여 양압(역압) 문제를 감쇠 또는 차단하는 공법입니다.</li>
                <li style="margin-top:15px;">중력과 자력으로 열림과 닫힘을 대응 및 완변하게 차단하며 간단한 점검소제구가 있어서 유지관리가 매우 쉽습니다.</li>
            </ul>
        </li>
    </ul>