为什么在附加到我的标签的 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;
}