내어쓰기/들여쓰기 CSS

들여쓰기(indent)

들여쓰기는 text-indent를 사용합니다.
예:

p {
text-indent: 50px;
}

내어쓰기(outdent)

내어쓰기는 text-indent를 응용하여 구현할 수 있습니다. 다음과 같은 코드를 사용하면 두 번째 라인부터 내어쓰기가 됩니다.

text-indent: -1em; 
padding-left: 1em;

TinyMCE Advanced 플러그인

워드프레스의 기본 글 편집기에서는 숫자로 된 순서가 지정된 목록만을 사용할 수 있고 다른 목록의 경우 직접 html 소스에 입력해야 합니다.

TinyMCE Advanced 플러그인을 사용하면 순서가 지정된 목록(Ordered List)과 순서가 지정되지 않은 목록(Unordered List)을 쉽게 사용할 수 있도록 메뉴에 다양한 기능이 추가됩니다.

TinyMCE Advanced 플러그인을 설치하고 활성화하면 글쓰기 편집기가 위와 같이 바뀝니다. 위의 그림에서 숫자 있는 목록 옆에 있는 역화살표 표시를 클릭하면 아래 그림과 같이 코드를 입력하지 않고도 다양한 목록 스타일을 적용할 수 있습니다.

간혹 워드프레스 테마에 따라 테마에서 지정된 글머리 기호 외에 사용할 수 없는 경우가 있을 수 있습니다. 이런 경우에는 위의 "내어쓰기" 부분의 CSS를 응용하여 사용할 수 있습니다.