How can I control the width of a label tag?

html css label
ziiweb picture ziiweb · May 12, 2010 · Viewed 267k times · Source

The label tag doesn't have the property 'width', so how should I control the width of a label tag?

Answer

Josh Stodola picture Josh Stodola · May 12, 2010

Using CSS, of course...

label { display: block; width: 100px; }

The width attribute is deprecated, and CSS should always be used to control these kinds of presentational styles.

Related questions

text-align: right; not working for <label>

Simply enough I can't get text to align to right in a <label> element. HTML <div id="contact_form"> <label for="name" id="name_label">Name:</label> </div> CSS #contact_…

Read More
css label width not taking effect

I have a generic form, which I'd like to style to align the labels and the input fields. For some reason when I give a width to the label selector, nothing happens: HTML: <form id="report-upload-form" method="POST" action="" …

Read More
How to display a label having text with line breaks?

I put text in a <textarea> like this: First day 1-one apple. 2-one orange. 3-two cups of milk. But it shows in a <label> like this: First day 1- one apple. 2-one orange. 3- two cups …

Read More