JSFiddle - React, Tailwind, and code Playground

by crazytonyi

HTML

<div class="post">
    <div class="tags">
        Shorter
    </div>
    <div class="content">
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
    </div>
</div>
        
<div class="post">
    <div class="tags">
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
        Longer<br>
    </div>
    <div class="content">
        Shorter
    </div>
</div>

CSS

.post {
		width:685px;
		margin:0 0 15px 0;
		display:flex;
		background:#EEE;
	}
	
		.tags {
			width:250px;
			padding:0 5px 0 5px;
			float:left;
			background:#273a47;
			color:#FFF;
		}
		
		.content {
			width:415px;
			float:right;
			padding:0 5px 0 5px;
            background:#069;
            color:#FFF;
		}