JSFiddle - React, Tailwind, and code Playground

by ten1seven

HTML

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

CSS

body {
    background-color: #e5e5e5;
}
div {
    margin: 100px 0;
}
#div1 {
    border-top: 1px dashed #ababab;
}
#div2 {
    border-top: 1px dotted #ababab;
}
#div3 {
    background: url(data:image/gif;base64,R0lGODlhBAABAIAAAJmZmf///yH5BAEHAAEALAAAAAAEAAEAAAICRF4AOw==) repeat-x 0 0;
    height: 1px;
}