html - CSS:删除较大文本上的行高(前导)

Question

如何从强制范围中删除前导，以便 <<上下没有额外的空间。

字段行占一定高度，默认为line-height对于文本大小，必填字段较高，因为字体较大。如何去除 << 上方和下方的多余空白区域？

.fieldRow { /* for illustration only */
        border: solid 1px #f00;  
}
.mandatory {
        color: #f00;
	border: solid 1px #f00; /* for illustration only */
	font-size: 24px;
	line-height: 0;
	vertical-align: middle;
}

<div class="fieldRow">
  
	<label for="select">Some field</label>
	
	<select name="select">
		<option>Any</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
	</select>	
	
	<span class="mandatory">&laquo;</span>

</div>

Answer 1

删除 vertical-align: middle 后我觉得不错。

.mandatory {
  color: #f00;
  font-size: 24px;
  line-height: 0;
}

DEMO