How can I control the width of a label tag

Question

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

User · Answer

You can either give class name to all label so that all can have same width :

 .class-name {  width:200px;}

Example

.labelname{  width:200px;}

or you can simple give rest of label

label {  width:200px;  display: inline-block;}

User · Answer

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

User · Answer

Using the inline-block is better because it doesn t force the remaining elements and or controls to be drawn in a new line   label     width 200px    display  inline-block

User · Answer

Giving width to Label is not a proper way  you should take one div or table structure to manage this  but still if you don t want to change your whole code then you can use following code   label     width 200px    float  left

User · Answer

You can definitely try this way    col-form-label    display  inline-block    width 200px

User · Answer

Inline elements  like SPAN  LABEL  etc   are displayed so that their height and width are calculated by the browser based on their content  If you want to control height and width you have to change those elements  blocks   display  block  makes the element displayed as a solid block  like DIV tags  which means that there is a line break after the element  it s not inline   Although you can use display  inline-block to fix the issue of line break  this solution does not work in IE6 because IE6 doesn t recognize inline-block  If you want it to be cross-browser compatible then look at this article  http   webjazz blogspot com 2008 01 getting-inline-block-working-across html

User · Answer

label     width 200px    display  inline-block     OR   label     width 200px    display  inline-flex     OR   label     width 200px    display  inline-table

[html] How can I control the width of a label tag?

Examples related to html

Examples related to css

Examples related to label