具有不同父级的多个元素共享相同的宽度

Question

我有一堆输入标签声明如下：

<Form inline>
    <FormGroup>
        <ControlLabel>Label</ControlLabel>
        <FormControl />
    </FormGroup>
    <FormGroup>
        <ControlLabel>Another Label</ControlLabel>
        <FormControl />       
    </FormGroup>
    <FormGroup>
        <ControlLabel>Some very long label</ControlLabel>
        <FormControl />       
    </FormGroup>
</Form>

我想像这样对齐它们：

所有标签共享相同的宽度，但宽度应该是最宽元素的宽度，这在设计时是未知的。

是否可以在最新浏览器中使用CSS？如果没有，任何反应成分都有帮助吗？