JSFiddle - React, Tailwind, and code Playground

by Luis Manuel

HTML

<section>
<img alt="placeholder avatar" class="left margin" src="https://s-media-cache-ak0.pinimg.com/originals/2b/ed/51/2bed513bc5f13733cf9a8a12c4e1a971.gif" />
<form action="" method="get">
<fieldset>
<div><label for="test1">Test 1</label><input id="test1" type="text" value="" /></div>
<footer class="center"><input type="submit" value="Submit Form" /></footer>
</fieldset>
</form>
</section>

<section>
<img alt="placeholder avatar" class="left margin" src="https://s-media-cache-ak0.pinimg.com/originals/2b/ed/51/2bed513bc5f13733cf9a8a12c4e1a971.gif" />
<form action="" method="get">
<fieldset>
<div><label for="test2">Test 2</label><input id="test2" type="text" value="" /></div>
<footer class="center"><input type="submit" value="Submit Form" /></footer>
</fieldset>
</form>
</section>

<section>
<img alt="placeholder avatar" class="left margin" src="https://s-media-cache-ak0.pinimg.com/originals/2b/ed/51/2bed513bc5f13733cf9a8a12c4e1a971.gif" />
<form action="" method="get">
<fieldset>
<div><label for="test3">Test 3</label><input id="test3" type="text" value="" /></div>
<footer class="center"><input type="submit" value="Submit Form" /></footer>
</fieldset>
</form>
</section>

CSS

* {border: 0; padding: 0; margin: 0;}
footer {background-color: #eee;}
form fieldset input {background-color: #ffc;}
img {
    position: relative;
    height: 100px; width: 100px;
    z-index: 1;
}
section {border: #ccc solid 1px; margin: 32px; overflow: auto;}
.left {float: left;}
.center {float: center; text-align: center;}
.right {float: right;}

section{
    position: relative;
}

footer{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: red;
}