JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<div class="embedInner">
    <div class="embed_code">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et sapien. Quisque risus. Ut laoreet hendreri mi.
        </p>
    </div>
    <div class="copy"><p>COPY</p></div>
</div>

CSS

.embedInner{
    display:inline-block;
	position:relative;
	/*background: #333;*/
    width:100%;
}
.embed_code{
    position:relative;
    left:0;
    width:90%;
    display:inline-block;
	float:left;
	background: #333;
    overflow:hidden;
}
.embed_code p{
    padding:5px;
    margin:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    display:inline-block;
    white-space: nowrap;
}
.copy{
    display:inline-block
	background: #ddd;
	float:right;
    position:relative;
    right:0;
    width:10%;
    background:green;
    text-align:center;
}
.copy p{
    padding:5px;
    margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
}