JSFiddle - React, Tailwind, and code Playground

by agus makmun

HTML

<p>Lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet.</p>
<h3>This Sub Heading using tag h3</h3>
<p>Lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet lorem ipsum dulur ismet.</p>


<!-- 
tag h3 juga dapat diberi class untuk membedakan dengan tag h3 yang lainnya yang ada di dalam template, misalkan seperti.
<h3 class="contoh">Ini h3 saya</h3>
dan untuk pemanggilannya di css:
h3.contoh {
/* -- isikan cssnya --*/
}
atau:
.contoh {
/* -- isikan cssnya --*/
}
namun saran saya, akan lebih efektif jika menggunakan css yang pertama, dikhawatirkan ada css class yang sama, hingga pada akhirnya berbenturan scriptnya.

mungkin itu saja, semoga dapat membantu.
salam, Summon Agus. :)
-->

CSS

h3, p {
    font-family: segoe ui;
}
h3 {
    border-bottom: 1px solid #EDEDED;
    color: #454242;
    padding-bottom: 2px;
    text-shadow: 1px 1px 1px #f0f0f0;
}
h3:before {
    content: "";
    height: 2px;
    margin-top: 25px;
    position: absolute;
    border-right: 70px solid #FFAB00;
}