JSFiddle - React, Tailwind, and code Playground

by viphalongpro

HTML

<div id="parent_div">
	<div id="left_div">A</div>
	<div id="right_div">
        <input type="button" value="ABC"/>
	</div>
    <span>hello and welcome to ...</span>
</div>

CSS

#parent_div {
	width: 100%;
	height: 10%;
}

#left_div {
	width: 80%;
	min-width: 100px;
	height: 80%;
	float: left;
	background-color: #000;
    color: #FFF;       
}
#parent_div > span {
    background:green;
    clear:both;
    display:block;
}
#right_div {
	width: 15%;
	min-width: 100px;
	font-size: 2rem;
	float: right;
	background-color: blue;
    margin-left:-100%;
}