JSFiddle - React, Tailwind, and code Playground

by villard

HTML

<div class="wrap">
		
        <div class="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa arcu, dignissim sit amet lobortis vel, lobortis id ipsum. Nulla ut mi vulputate neque vulputate tristique in ac odio.</div>
		<div class="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa arcu, dignissim sit amet lobortis vel, lobortis id ipsum. Nulla ut mi vulputate neque vulputate tristique in ac odio. Sed diam purus, lobortis in ultricies sed, condimentum vitae neque. Suspendisse vitae ultrices risus. Nullam tempor, lacus sit amet tincidunt accumsan, orci ante tristique eros, vitae pulvinar turpis est vitae risus.</div>
    <div style="clear: both;">
        
</div>

CSS

.wrap {
	padding: 5px;
	max-width: 900px;
	border: #303030 2px dashed;
}
.left {
    margin-right: 150px;
    background: red;
}
.right {
    float: right;
    width: 150px;
    background: green;
	clear: right;
}