CSS - 垂直对齐文本，其中文本可以是多行

Question

我已经给了一个平面设计师的设计，我正在尝试将其设置为HTML和CSS。

我面临的问题之一是用户输入表单。在设计中，每个输入的标签都是固定的宽度 - 比如说100px。每个标签/输入对的容器固定在2em。我收到的设计要求每个标签的文字都是垂直对齐的。因此，结构是这样的：

<containerTag> 
    <label /> 
    <input /> 
</containerTag> 

只要文本是在一行（我刚使用2em的的行高度和容器匹配）没有问题，但一些在标签上的文字正在包装成两条甚至是两条线。

有没有一种语义和很好的方法来解决这个问题？

我需要能够在IE6-9，Firefox 3.5+，Chrome和Safari中工作的东西。尽管我正在使用渐进式增强功能，但如果有一种解决方案只适用于以后的浏览器，但不会破坏较旧的解决方案，那么这是可以接受的。

任何帮助感激地收到！

感谢您的时间
小号

Answer 1

你的意思是......优雅降级？ ：P

将标签的空白CSS属性设置为“nowrap”。