Interlinear gloss creator
Paste the following CSS into your stylesheet:
.example {/* all align units and free translation */ margin-left: 1.5rem; } .all-align-units {/* all align-units (w/o free translation) */ } .all-align-units .align-unit:not(:first-child){/* give non-initial align-units left margin for readability */ margin-left: 0.25em; } .align-unit {/* word and gloss to be vertically left-aligned */ display: inline-block; } .word {/* words only */ } .gloss {/* glosses only */ } .gloss span {/* make spans small-caps (for features) */ font-variant: small-caps; } .free-transl {/* free translation only */ }
Words:
Glosses:
Free translation:
Preview:
Preview will show here.
HTML: