Я хочу создать текст (в конечном итоге в epub / pdf, но сначала в html, а затем я его преобразую), где под каждым словом есть перевод для этого слова, только меньше. Вот изображение цели: image
Мое текущее решение состоит в том, чтобы соединить два слова в div, каждое слово в своем собственном p, затем я применяю стили к этому сделать так, чтобы все было в строке, верхнее слово больше, чем перевод и так далее. Вот как бы выглядело это слово:
<div class="twc">
<p class="word-top">Project</p>
<p class="word-down">Projekt</p>
</div>
Это решение кажется очень неэффективным. Есть ли другой способ архивировать это? Я не могу использовать javascript, так как он должен быть конвертируемым в epub, pdf, mobi и т. Д.