JSFiddle - React, Tailwind, and code Playground

by zmmbreeze

HTML

<div class="outer">
        asdasdas<span class="inner"></span>asdas
        <div class="inner"></div>
        dasdasd
        sdasdasdasd
    </div>
    <div class="tall"></div>

CSS

.outer {
        float: left;
        margin-top: 10px;
        width: 400px;
        height: 200px;
        line-height: 20px;
        border: 1px solid #CCC;
    }
    .inner {
        /*position:relative;*/ /* fix */
        display: inline-block;
        margin-top: -12px;
        vertical-align: 12px;
        width: 28px;
        height: 16px;
        background: blue;
    }
    .supInner {
        
    }
    .tall {
        height: 1000px;
    }