Div Not Responding to Width CSS

Question

In the process of creating a form, and I want the text labels to all be the same width. For some reason that I cannot discern, using width is not working as in:

.form-label {  display:inline; width: 160px; }

<div class="form-label required">First Name:</div>

Jsfiddle

How can I get the .form-label class to respond to the width declaration? Thank you!

Answer 1

Object position as inline have no width attribute, i think you are looking for inline-block;

Answer 2

Change it from display:inline to display:inline-block.