JSFiddle - React, Tailwind, and code Playground

by austegard

HTML

<header>
    Some Text<input type="search"><button>Go</button>
</header>
<article>Some content</article>

CSS

body {margin: 0px; padding: 0px;}
header { display: block; width: 100%; clear: both; height: 30px; background-color: black; color: white; float: left; line-height: 30px}
input {position: absolute; top: 4px; right: 35px;}
input:focus {width: 250px; height: 40px; font-size: 14pt;}
button {float: right}
article {font-size: 72pt;}

JavaScript

//look ma - no code