JSFiddle - React, Tailwind, and code Playground

by Anil Maharjan

HTML

<div id="technology-benefit-chart"></div>
<div id="tbc-scope-wrapper">
    <ul>
        <li>
            <div class="tbc-scope-marker very-broad"></div>
        </li>
        <li>
            <div class="tbc-scope-marker middle"></div>
        </li>
        <li>
            <div class="tbc-scope-marker very-narrow"></div>
        </li>
    </ul>
</div>

CSS

#technology-benefit-chart {
    width: 500px;
    height: 200px;
    border: 1px solid #ccc;
    float: left;
}
#tbc-scope-wrapper{
    float:right;
    width: 100px;
    height: 200px;
    border: 1px solid #ccc;
}