Thanks for reading this.
I have markup similar to what is below. Using the line-height works when there is only one line of text, but the comments data will frequently be multi-line. What is the best way to get the label and the data vertically centered?
<html><head>
<style>
body {margin:0; padding:0; font-size:12px; font-family:Verdana; text-align:center;}
body {text-align: -moz-center; } /* For Firefox */
.record {width:760px; text-align:left; }
.label {float:left; width:125px; line-height:75px;}
.data {float:left; margin-left:10px; line-height:75px;}
.clear {clear:left;}
</style>
</head><body>
<div class="record">
<div class="label">Subject:</div>
<div class="data">This is the subject</div>
<span class="clear"></span>
<div class="label">Status:</div>
<div class="data">This is the status</div>
<span class="clear"></span>
<div class="label">Comments:</div>
<div class="data">These are the comments</div>
<span class="clear"></span>
</div>
</body></html>