JSFiddle - React, Tailwind, and code Playground

by Tim Büthe

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
<div id="outer-div">
  <input id="position-test-input">
  <div id="position-test-element">&nbsp;</div>
</div>

CSS

#outer-div {
    border: 1px solid #adff2f;
    position: relative;
}

#position-test-input {
    width: 200px; 
    height: 50px; 
    border: 1px solid #333;
    background: #ddd;
}

#position-test-element {
    background: blue; 
    width: 50px; 
    height: 50px; 
    border: 1px solid #000;
    position: absolute;
    top: 0;
    left: 201px;
}