JSFiddle - React, Tailwind, and code Playground

by John Slegers

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/font-zero-width/latest/zero-width.css">
<div class="col">
    This is a test
</div>
<div class="col">
    This is a test
</div>
<div class="col">
    This is a test
</div>
<div class="col">
    <p>This is a test</p>
</div>
<div class="col">
    <p>This is a test</p>
</div>
<div class="col">
    <p>This is a test</p>
</div>

CSS

* {
    font-family: Verdana, Geneva, sans-serif;
    line-height: 1em;
    margin: 0;
    padding: 0;
    color: inherit;
}

body {
    font-family: 'zero-width';
    text-align: center;
    font-size: 16px;
}

.col {
    font-family: 'zero-width';
    background: #f99;
    width:30%;
    display:inline-block;
}