li 태그 스타일과 들여쓰기

  시작하기

li 태그를 쓰다보시면,

1. 글씨 왼쪽에 표시된 부분을 변경하시고 싶거나 

2. 오른쪽으로 툭 튀어 나와버린 부분을 왼쪽으로 들여쓰고 싶은 경우가 있으실 겁니다.

방법은 간단합니다. 

아래 소스코드를 봐주세요^^

  소스코드

1. 표시된 부분 수정하기

    
    
    


    

        
첫 번째
        
두 번째
        
세 번째
    

보시다시피 위에 ul에서 list-style 속성을 변경시켜 주시면 됩니다.

속성의 종류는 http://www.w3schools.com/cssref/pr_list-style-type.asp에 들어가시면 모두 확인 하실 수 있습니다.

2. 들여쓰기

    
    
    


    

        
첫 번째
        
두 번째
        
세 번째
    

들여쓰기는 더욱 간단한데요

ul 태그 안에 padding-left 값을 변경시켜 li 태그의 위치를 변경시킬 수 있습니다.

  결과

1. 표시된 부분 수정 결과

2. 들여쓰기 결과