I'm working with 2 divs that are floating side by side.
The left div contains a part number, which is only one line. The right div holds the product description, which can span multiple lines.
I am looking for a way to vertically align the text in the left div when the content in the right div expands to two or more lines.
Below is the code snippet:
<td>
<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>
</td>
Here is the corresponding CSS:
.left {
float: left;
}
.prodNumber {
}
.prodDesc {
padding-left: 8px;
padding-right: 8px;
}
.partNumSizexSmall {
min-width: 50px;
}
.xsmallDesc {
max-width: 550px;
}