JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container_prod">
	<div class="prodNumber left partNumSizexSmall">
	<a href="link" style="color:blue;text-decoration:underline;"><b>PartNum</b></a>
	</div>
	<div class="prodDesc xsmallDesc left">
	ProductDescription1
	</div>
	</div>

CSS

.prodNumber {

	}
	.prodDesc {
	padding-left: 8px;
	padding-right: 8px;
	}
	.partNumSizexSmall {
	min-width: 50px;
	display: table-cell;
	vertical-align: middle;
	}

	.xsmallDesc {
	max-width: 550px;
	}

	.prodDesc {
	display: table-cell;
	vertical-align: middle;
	}

	.container_prod{
	display:table;
	}