[CSS 스타일 샘플] ruby를 쓰지 않고 글자 위에 점찍기

얼마 전에 주석 숫자 맞추며 1000개짜리 아닌게 어디냐고 푸념을 했는데,

바로 다음 책이 1000개 넘는 주석, 30개 정도로 구분된 장, 각 장마다 새로 번호 시작되는 책이었습니다.

루틴이 된걸까요 ㅜ.ㅜ 말을 조심해야겠어요.

​

​

이번에 소개할 스타일은 EPUB3라면 간단하지만 EPUB2에서는 창의력이 필요한 거예요.

​

종이책에서는 이렇게 보입니다. 어느 부분인지 딱 감이 오시지요?

​

EPUB3라면 ruby를 쓰면 됩니다. 하지만 EPUB2늘 ruby를 지원하지 않기 때문에 CSS를 사용해야 합니다.

약간의 창의력(?)만 발휘하면 아주 간단히 문제를 해결 할 수 있어요.

​

힌트를 드릴게요.

​

<span class="txt_dot_top">않</span><span class="txt_dot_top">는</span><span class="txt_dot_top">다</span>

​

이렇게 하면 위에 점이 찍힙니다.