JSFiddle - React, Tailwind, and code Playground

by Austin Stewart

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="container">
    <div class="left">
        <div class="form-label">
            <input class="test">
                <div class="abs"></div>
        </div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac ante vestibulum, imperdiet ante non, bibendum libero. Fusce ut enim justo. Donec tincidunt orci metus, nec aliquam turpis dapibus vitae. Maecenas hendrerit lacus ac dolor tempus elementum. Aliquam ultricies, urna vitae eleifend pulvinar, odio orci imperdiet risus, sit amet suscipit arcu arcu vitae justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed semper enim massa, sed lobortis quam cursus ut. Nam ut justo ac libero varius vehicula. Aenean ac turpis arcu. Duis nec nunc fringilla, lobortis nunc non, dignissim ante. Etiam eu urna at risus pulvinar efficitur nec sit amet est. Sed malesuada, felis eget facilisis euismod, magna diam consectetur arcu, maximus feugiat turpis leo sit amet sapien. Donec laoreet egestas placerat. </p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac ante vestibulum, imperdiet ante non, bibendum libero. Fusce ut enim justo. Donec tincidunt orci metus, nec aliquam turpis dapibus vitae. Maecenas hendrerit lacus ac dolor tempus elementum. Aliquam ultricies, urna vitae eleifend pulvinar, odio orci imperdiet risus, sit amet suscipit arcu arcu vitae justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed semper enim massa, sed lobortis quam cursus ut. Nam ut justo ac libero varius vehicula. Aenean ac turpis arcu. Duis nec nunc fringilla, lobortis nunc non, dignissim ante. Etiam eu urna at risus pulvinar efficitur nec sit amet est. Sed malesuada, felis eget facilisis euismod, magna diam...

SCSS

.container {
    background: red;
    color: white;
}
.left {
    background: green;
    width: 25%;
    float: left;
    padding: 5px;
    position: relative;
    height: 300px;
    z-index: 999;
    
    .form-label {
        position: relative;
        .abs {
            position: absolute;
            top: 100%;
            left: 50px;
            background: yellow;
            width: 250px;
            height: 50px;
        }
    }
}
.right {
    float: left;
    width: 75%;
    background: blue;
    padding: 5px;
    position: relative;
    height: 300px;
}