JSFiddle - React, Tailwind, and code Playground

by Michael Danilov

HTML

<script src="https://fonts.googleapis.com/css?family=Coiny"></script>
<h1>h1. Primer heading</h1>
  <h2>h2. Primer heading</h2>
  <h3>h3. Primer heading</h3>
  <h4>h4. Primer heading</h4>
  <h5>h5. Primer heading</h5>
  <h6>h6. Primer heading</h6>
  <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
  <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
  <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>

CSS

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Coiny', cursive;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}