1-line

• Gal 1:3 (Χάρις)⦇ (ὑμῖν)C ⦈(καὶεἰρήνη)S {ἀπὸ [ΘεοῦΠατρὸςἡμῶν] καὶ [ΚυρίουἸησοῦΧριστοῦ]°¹}A 願恩惠、平安從父神與我們的主耶穌基督歸與你們
  • 1:4a =°¹{τοῦ [(δόντος)p (ἑαυτὸν)c (ὑπὲρτῶνἁμαρτιῶνἡμῶν)a]} 基督為我們的罪捨己
    • 1:4b ὅπως (ἐξέληται)P (ἡμᾶς)C 要救我們
      • ἐκτοῦαἰῶνοςτοῦἐνεστῶτοςπονηροῦ 脫離這罪惡的世代
      • κατὰτὸθέληματοῦΘεοῦκαὶΠατρὸςἡμῶν 照我們父神的旨意

---

4-line (HTML Ruby) @4216字元

ROM 8:1 Οὐδὲν不 noοὐδείςA-NSN-Nἄρα就 thereforeἄραPRTνῦν如今 nowνῦνADVκατάκριμα定罪 condemnationκατάκριμαN-NSNτοῖς那些 thoseὁT-DPMἐν在~裡 inἐνPREPΧριστῷ基督 ChristΧριστόςN-DSMἸησοῦ耶穌 JesusἸησοῦςN-DSM· ROM 8:2 ὁtheὁT-NSMγὰρ因為 forγάρCONJνόμος律 lawνόμοςN-NSMτοῦtheὁT-GSNπνεύματος聖靈 SpiritπνεῦμαN-GSNτῆςὁT-GSFζωῆς生命 lifeζωήN-GSFἐν在~裡 inἐνPREPΧριστῷ基督 ChristΧριστόςN-DSMἸησοῦ耶穌 JesusἸησοῦςN-DSMἠλευθέρωσέν釋放 set ~ freeἐλευθερόωV-AAI-3Sσε你 youσύP-2ASἀπὸ脫離 fromἀπόPREPτοῦ那 theὁT-GSMνόμου律 lawνόμοςN-GSMτῆςὁT-GSFἁμαρτίας罪 sinἁμαρτίαN-GSFκαὶ和 andκαίCONJτοῦὁT-GSMθανάτου死 deathθάνατοςN-GSM.

---

4-line (HTML span) @5607字元 ⇐ faster !

• ROM 8:1 Οὐδὲν不 noA-NSN-Nοὐδείςἄρα就 thereforePRTἄρανῦν如今 nowADVνῦνκατάκριμα定罪 condemnationN-NSNκατάκριματοῖς那些 thoseT-DPMὁἐν在~裡 inPREPἐνΧριστῷ基督 ChristN-DSMΧριστόςἸησοῦ耶穌 JesusN-DSMἸησοῦς· ROM 8:2 ὁtheT-NSMὁγὰρ因為 forCONJγάρνόμος律 lawN-NSMνόμοςτοῦtheT-GSNὁπνεύματος聖靈 SpiritN-GSNπνεῦματῆς-T-GSFὁζωῆς生命 lifeN-GSFζωήἐν在~裡 inPREPἐνΧριστῷ基督 ChristN-DSMΧριστόςἸησοῦ耶穌 JesusN-DSMἸησοῦςἠλευθέρωσέν釋放 set ~ freeV-AAI-3Sἐλευθερόω</span>σε你 youP-2ASσύἀπὸ脫離 fromPREPἀπότοῦ那 theT-GSMὁνόμου律 lawN-GSMνόμοςτῆς-T-GSFὁἁμαρτίας罪 sinN-GSFἁμαρτίακαὶ和 andCONJκαίτοῦ-T-GSMὁθανάτου死 deathN-GSMθάνατος.</span>

/* === css for <span> interlinear === */

/* Container for each word */

.w {

  display: inline-grid;

  grid-template-rows: auto auto auto auto;

  margin: 0 0.2em;

  font-family: AndleyFont, "Noto Sans ExtraCondensed", "未來熒黑";

}

/* surface text */

.w .t {

  font-size: 1.2em;

  line-height:1.5em;

}

/* gloss */

.w .g {

  font-size: 0.85em;

  line-height:1em;

}

/* morphology */

.w .m {

  font-size: 0.85em;

  line-height:1em;

}

/* lemma and link */

.w .l {

  font-size: 1em;

  line-height:1em;

  margin-bottom: 1em;

}

CSS Ruby Tricks