Problem polega na tym, że znaczniki sup i sub, czyli indeks dolny i górny zwiększają odstęp między liniami. Nawet, jeśli ustawimy stały odstęp, np.
line-height: 18px
Linie zawierające indeks będą dodatkowo zwiększać odstępy. W efekcie, jeśli mamy obok dwa bloki div z tekstem, gdzie zdefiniujemy jednakowe odstępy między wierszami, będą się one rozjeżdżać. Jest to szczególnie dokuczliwe, jeśli linie muszą być na jednakowym poziomie, jak np. w przypadku stron śpiewnika internetowego, w którym tekst jest umieszczony w jednym divie, a chwyty w drugim, położonym obok. Jak rozwiązać ten problem?
Poszukiwania zajęły mi dłuższą chwilę, jednak udało się :-) Wystarczy nadać indeksom styl takiego typu:
sup, sub {font-size: 80%; line-height: 80%;} 
