JSFiddle - React, Tailwind, and code Playground

by saturngod

HTML

<html>
    <head>
        <link href='http://mywebfont.appspot.com/css?font=yunghkio' rel='stylesheet' type='text/css'>
        <link href='http://mywebfont.appspot.com/css?font=myanmar3' rel='stylesheet' type='text/css'>
        <link href='http://mywebfont.appspot.com/css?font=padauk' rel='stylesheet' type='text/css'>
        <link href='http://mywebfont.appspot.com/css?font=parabaik' rel='stylesheet' type='text/css'>
        <link href='http://mywebfont.appspot.com/css?font=zawgyi' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <h2 class="padauk">ဓမ္မစေတီခေါင်းလောင်း</h2>
        <p class="myanmar3">ဓမ္မစေတီခေါင်းလောင်းကြီးမှာ ကမ္ဘာပေါ်တွင် အကြီးဆုံးသော ခေါင်းလောင်းတော်ကြီး ဖြစ်ပြီး ၁၄ ရာစုတွင် မွန်ဘုရင် ဓမ္မစေတီမင်းမှ ရွှေတိဂုံဘုရားသို့ သွန်းလုပ် လှူဒါန်းခဲ့သည်။ ၁၆ ရာစုတွင် ပေါ်တူဂီ လူမျိုး ဒီဗရစ်တို ခေါ် ငဇင်ကာမှ ခေါင်းလောင်းကြီးကို ရွှေတိဂုံဘုရား ကုန်းတော်ပေါ်မှ အဓမ္မယူငင်သွားပြီးနောက် ဖောင်ဖြင့် သယ်ယူရန် ကြိုးစားစဉ် ရန်ကုန်မြို့နှင့် သံလျှင်မြို့အကြား မြစ်သုံးခုဆုံရာ နေရာတွင် နစ်မြုပ်သွားခဲ့သည်။ ၎င်းခေါင်လောင်းတော်ကြီးမှာ ယခုထက်တိုင် မြစ်အောက်တွင် နစ်မြုပ်နေဆဲဖြစ်ပြီး ဆယ်ယူရန် ကြိုးပမ်းမှုများမှာ အောင်မြင်ခြင်း မရှိသေးပေ။</p>
        
        <h3 class="parabaik">သမိုင်းကြောင်း</h3>
        
        <p class="yunghkio">မြန်မာ့ သမိုင်းတွင် မွန်တို့၏ မဂဒူးမင်းဆက်တွင် ၁၆ ဆက်မြောက် မွန်ဘုရင် ဓမ္မစေတီမင်း သည် ဟံသာဝတီ (ယခု ပဲခူး) မှ အုပ်စိုးပြီး ၁၄၈၀ ခုတွင် လူဦးရေ စစ်တမ်း ကောက်ယူခဲ့သည်။ သို့သော် သူ့ခန့်အပ်ထားခဲ့သော ဥပိုက်၊ သမန္တရာဇ်၊ တုရင်းရာဇာ၊ စွန္တရာဇ် အမတ် ၄ယောက်တို့သည် အိမ်ထောင်စု စာရင်းသာမကပဲ အခွန်ပါ ကောက်ယူခဲ့ကြရာ ကြေးနီ ပိဿချိန် ၁၈၀ ဝ၀ဝ ရရှိသည်။ ဓမ္မစေတီမင်းအား ဆက်သသော အခါတွင် ဘုရင်က စိတ်ဆိုးပြီး ၄င်းကြေးများကို ပြည်သူတို့ထံ ပြန်လည် ပေးအပ်စေသည်။ ပြည်သူတို့က ဘုရင်အား သူတို့ ပြန်မယူလိုဘဲ သင့်တော်ရာ ကောင်းမှုပြုရန် ဘုရင်အား ပြောသဖြင့် အမတ်ကြီး ဗညားအိန်အား ခေါင်းလောင်း အဖြစ် သွန်းစေခဲ့သည်။ ပဲခူးမြို့ ရွှေမော်ဓော ဘုရား၏ ရာဟုထောင့် အနောက်ဖက် မြေကွက်လပ်တွင် ၁၄၈၄ ခု ဖေဖော်ဝါရီလ ၅ ရက်နေ့ (မြန်မာသက္ကရာဇ် ၈၅၁ တပေါင်းလဆန်း (၈)ရက်၊ ကြာသပတေးနေ့) တွင်...

CSS

.yunghkio {
    font-family:"Masterpiece Uni Sans",Yunghkio;
    font-size:13px;
}
.myanmar3 {
    font-family:"Masterpiece Uni Sans",Myanmar3;
    font-size:13px;
}
.padauk {
    font-family:"Masterpiece Uni Sans",Padauk;
    font-size:18px;
}
.zawgyi {
    font-family:Zawgyi-One;
}
.parabaik {
    font-family:"Masterpiece Uni Sans",Parabaik;
    font-size:16px;
}

p , h2,h3 {
    margin-bottom:5px;   
}

p {
    padding-left:5px;
}

JavaScript

/*
Click run button on the right side
*/