为什么附加到我的标签的CSS类中的设置宽度不会改变它们的宽度？

Question

我有这个HTML：

<label class="fixedwidthlbl" for="city">City</label>
<input type="text" name="city" id="city">
<br/>
<label class="fixedwidthlbl" for="state">State</label>
<input type="text" name="state" id="state">
<br/>
<label class="fixedwidthlbl" for="yearin">Year Arrived</label>
<input type="text" name="yearin" id="yearin">
<br/>
<label class="fixedwidthlbl" for="yearout">Year Departed</label>
<input type="text" name="yearout" id="yearout">
<br/>
<input type="submit" name="insertdocument" id="insertdocument" value="Add Place Lived">

...而且这个CSS：

.fixedwidthlbl {
    width: 320px;
    padding: 2 px;  
}

然而，“fixedwidthlbl”类对我的标签没有影响。

我有一个小提琴here。

我的HTML和/或CSS有什么问题？

Answer 1

标签是内联元素。要给它们一个宽度，你需要给它们display: inline-block;

.fixedwidthlbl {
    width: 320px;
    padding: 2px;   
    display: inline-block;
}