Question

In this example, I’m setting width:200px on form labels.
This is not being applied for some reason, and the field appears 0 width when viewed in Chrome Dev Tools.

Any idea why?

Answer 1

label is an inline element, like a span. It does not have width, but flows with its content. To get it to behave like a div, you would have to instruct it to act like a block-level element:

display: block

From there, you could add width:

width: 200px;
float: left;