Skip to content

Latest commit

 

History

History
43 lines (35 loc) · 3.64 KB

fragment.md

File metadata and controls

43 lines (35 loc) · 3.64 KB
Raw
    <h3>Vertical and Right-to-Left text</h3>
<style scoped contenteditable>/* You can edit this text and copy it to your own stylesheet */

div#kanjiExample { border: 1px solid #cc092f; padding: 1em; width: 100%; }

#kanjiExample { font-family: 'Stone-Humanist', arial, sans-serif; font-size: 1em; /* 1em = 16px */ line-height: 1.3; letter-spacing: 0; word-spacing: 0; }

.vertical { writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; }

.rtl { writing-mode: horizontal-rl; -webkit-writing-mode: horizontal-rl; -ms-writing-mode: horizontal-rl; } </style>

<div id="kanjiExample">
 <p>Bacon ipsum dolor amet sint t-bone et aliquip proident ex dolor. Landjaeger tail duis, nostrud brisket strip steak shankle turducken. Laborum sausage aliqua, non quis laboris est brisket reprehenderit ball tip cow capicola. Meatloaf commodo jerky adipisicing. Ad short ribs adipisicing, lorem beef elit eiusmod laborum pork belly labore. Aliqua jowl id, ut cupim in swine short ribs. Nulla short loin enim drumstick in, minim rump pancetta. Fatback qui corned beef, strip steak spare ribs elit minim pig. Cupidatat aliquip pariatur, pork belly tenderloin flank cillum.</p>
  <p class="vertical english">Bacon ipsum dolor amet sint t-bone et aliquip proident ex dolor. Landjaeger tail duis, nostrud brisket strip steak shankle turducken. Laborum sausage aliqua, non quis laboris est brisket reprehenderit ball tip cow capicola. Meatloaf commodo jerky adipisicing. Ad short Wibs adipisicing, lorem beef elit eiusmod laborum pork belly labore. Aliqua jowl id, ut cupim in swine short ribs. Nulla short loin enim drumstick in, minim rump pancetta. Fatback qui corned beef, strip steak spare ribs elit minim pig. Cupidatat aliquip pariatur, pork belly tenderloin flank cillum.</p>
 <p>媛 怨 鬱 唄 淫 咽 茨 彙 椅 萎 畏 嵐 宛 顎 曖 挨 韓 鎌 葛 骸 蓋 崖 諧 潰 瓦 牙 苛 俺 臆 岡 旺 艶 稽 憬 詣 熊 窟 串 惧 錦 僅 巾 嗅 臼 畿 亀 伎 玩 挫 沙 痕 頃 駒 傲 乞 喉 梗 虎 股 舷 鍵 拳 桁 隙 呪 腫 嫉 𠮟(叱) 鹿 餌 摯 恣 斬 拶 刹 柵 埼 塞 采 戚 脊 醒 凄 裾 須 腎 芯 尻 拭 憧 蹴 羞 袖 汰 遜 捉 踪 痩 曽 爽 遡 狙 膳 箋 詮 腺 煎 羨 鶴 爪 椎 捗 嘲 貼 酎 緻 綻 旦 誰 戴 堆 唾 鍋 謎 梨 奈 那 丼 貪 頓 栃 瞳 藤 賭 妬 塡(填) 溺 諦 阜 訃 肘 膝 眉 斑 阪 汎 氾 箸 剝(剥) 罵 捻 虹 匂 喩 闇 弥 冶 麺 冥 蜜 枕 昧 勃 頰(頬) 貌 蜂 蔑 璧 餅 蔽 脇 麓 籠 弄 呂 瑠 瞭 侶 慄 璃 藍 辣 拉 沃 瘍 妖 湧 柿 哺 楷 睦 釜 錮 賂 毀 勾</p>
  <p class="vertical">媛 怨 鬱 唄 淫 咽 茨 彙 椅 萎 畏 嵐 宛 顎 曖 挨 韓 鎌 葛 骸 蓋 崖 諧 潰 瓦 牙 苛 俺 臆 岡 旺 艶 稽 憬 詣 熊 窟 串 惧 錦 僅 巾 嗅 臼 畿 亀 伎 玩 挫 沙 痕 頃 駒 傲 乞 喉 梗 虎 股 舷 鍵 拳 桁 隙 呪 腫 嫉 𠮟(叱) 鹿 餌 摯 恣 斬 拶 刹 柵 埼 塞 采 戚 脊 醒 凄 裾 須 腎 芯 尻 拭 憧 蹴 羞 袖 汰 遜 捉 踪 痩 曽 爽 遡 狙 膳 箋 詮 腺 煎 羨 鶴 爪 椎 捗 嘲 貼 酎 緻 綻 旦 誰 戴 堆 唾 鍋 謎 梨 奈 那 丼 貪 頓 栃 瞳 藤 賭 妬 塡(填) 溺 諦 阜 訃 肘 膝 眉 斑 阪 汎 氾 箸 剝(剥) 罵 捻 虹 匂 喩 闇 弥 冶 麺 冥 蜜 枕 昧 勃 頰(頬) 貌 蜂 蔑 璧 餅 蔽 脇 麓 籠 弄 呂 瑠 瞭 侶 慄 璃 藍 辣 拉 沃 瘍 妖 湧 柿 哺 楷 睦 釜 錮 賂 毀 勾</p>

  <p class="rtl">ان اعظم شيئ ستتعلمه على الاطلاق هو ان تُحِب وتُحَب. </p>
</div>

Example of vertical and rtl text