문서 유형 중 노트, 팁, 주의 등을 사용할 때 특정한 텍스트를 추가할 수 있을까요?

얼마 전 어디선가 본 이야기인데
''주의'' 문구의 경우에는 아이콘 외 명확한 텍스트로 ''주의'' 표시가 되어야 한다는 합니다.
그래서 쓰리래빗츠 문서 유형 편집에서 텍스트를 추가할 방법이 있나 싶어 찾아보았더니 아이콘 자체에 텍스트를 추가하는 방법 밖에 없더군요.

혹 아래 그림처럼 특정 문구를 자동으로 삽입하는 기능이 있었으면 합니다.
옵션으로 처리해서 문구가 없으면 그냥 입력한 텍스트만 보이고
기능을 활성화하면 특정문구가 앞에 붙고 입력한 텍스트가 보이는 형식으로…

웹 뷰어는 테마 CSS를 설정하는 방법으로 처리할 수 있습니다.

.note::before {
  content: '알아두기\3a';
  font-size: 0.9em;
  font-weight: bold;
  margin-right: 0.5em;
}

IE8도 지원하려면 선택자에서 콜론을 하나만 넣습니다.

.note:before {
  ...
}

쓰리래빗츠 CSS 파서 버그로 인해서 콜론(:)은 유니코드(\3a)로 썼습니다. 팁의 클래스 이름은 tip이고 주의의 클래스 이름은 caution입니다.

앞으로 간단하게 PDF를 포함해서 박스 유형에 대해 텍스트를 설정하는 기능을 지원하도록 하겠습니다.

예전에 before 사용해서 테스트해보았는데 그때 뭔가 잘못 처리를 했나보네요.
말씀해주신 방법으로 해보니 잘 됩니다. ^^
감사합니다.