JSFiddle - React, Tailwind, and code Playground

by tomprogramming

HTML

<span class="block">This is a block level element<br/></span>
<br/>
<span class="inline-block">This is an inline-block level element<br/></span>
<br/>
<span class="inline-block">This is an inline-block level element<br/>With text after the br</span>
<br/>
<span class="inline">This is a default-level element<br/></span>
<span class="inline">This is a second default level element</span>

CSS

span {
    text-decoration:underline;
}
.block {
    display:block;
    color: blue;
}
.inline-block {
    display:inline-block;
    color:red;
}