I did not know the correct technical terms in front end to describe, here is my expectation:
Hope to develop a html tag or css style, containing multiple language paragraphs, could list each language after line-break. It is expected be convenient for human translator to contrast text translations. In many articles and books one paragraph could be very large, if list translation paragraphs one by one, people might easily loss text context and have trouble in tacking reading progress once switch a different language.
So the ‘line-height’ of this king of ‘paragraph’ would have to be line-height*(line_height_of_English + line_height_of_Korean + line_height_of_Japanese), some css attribute such as ‘font-size’ may still be working for the paragraph, while some may not. If only one language paragraph exists, it appears the same as normal paragraph.
Is there any idea for implementing it or any existing great library? Seems a browser just have to render text with enough line space and different start position for each language text. Do I have to draw text in canvas? Seems dealing line-break and text layout would be great cumbersome, and its logic is actually same with a browser’s.