JSFiddle - React, Tailwind, and code Playground

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;
		float:left;
		background:#EEE;
	}
	
		.tags {
			width:250px;
			height:100%;
			padding:0 5px 0 5px;
			background:#273a47;
			color:#FFF;
    display: table-cell;
		}
		
		.content {
			width:415px;
			padding:0 5px 0 5px;
            background:#069;
            color:#FFF;
    display: table-cell;
		}