Adding style to asp.net label

Question

I want to adding style to asp.net label, but it wont work.

ASP.NET Mark up
<asp:Label runat="server" ID="lblCommentText"/>

Generated from the backend: Html mark up
<span id="ctl02_ctl36_CommentText">Only the leave the comment please</span>

............................................

I want to add the following style to the label

{
 float:right;
 width:70%;
}

I've tried using

cssClass property
Add this lblCommentText.Attributes.CssStyle.Add("float", "right"); to backend
using javascript
document.getElementById('<%= lblCommentText.ClientID%>').Style.display = ("float","right");
and also in-line style to the element

none of them works, can someone help me out ?

Couple what @abhitalks said inside a .class and apply that class with the CssClass property on the Label. — Mike Perrenoud
– Mike Perrenoud, Commented Nov 26, 2013 at 16:17

Abhitalks · Accepted Answer · 2013-11-26 16:17:15Z

24

Labels are rendered as spans and spans are basically inline elements. You need to make it block or inline-block in order to get the float and width have effect.

.yourclass {
    display: inline-block;
    float: right;
    width: 70%;
}

And then simply use cssclass:

<asp:Label runat="server" ID="lblCommentText" CssClass="yourclass" />

answered Nov 26, 2013 at 16:17

Abhitalks

28.5k6 gold badges61 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Irfan TahirKheli · Accepted Answer · 2013-11-26 16:24:16Z

16

Inline:

<asp:Label runat="server" ID="lblCommentText" style="float:right" />

Using class:

<style>
.styleclass{
   float: left;
}

</style>

<asp:Label runat="server" ID="lblCommentText" CssClass="styleclass" />

Using ID;

   <style>
    #ctl02_ctl36_CommentText {
       float: left;
    }

    </style>

 <asp:Label runat="server" ID="lblCommentText" />

answered Nov 26, 2013 at 16:24

Irfan TahirKheli

3,6621 gold badge26 silver badges36 bronze badges

Comments

Irfan TahirKheli · Accepted Answer · 2013-11-26 16:41:31Z

10

If you want to add from code behind then use like below:

lblCommentText .Attributes.CssStyle.Add("float", "right");
lblCommentText.Attributes.CssStyle.Add("width", "70%");

If you want to add from aspx page then create a css class like:

.testClass{float: right;width: 70%;}

and assign like this:

asp:Label runat="server" ID="lblCommentText" runat="server" Text="test data" CssClass="testClass"

edited Nov 26, 2013 at 16:41

Irfan TahirKheli

3,6621 gold badge26 silver badges36 bronze badges

answered Nov 26, 2013 at 16:20

Kanisq

2321 silver badge5 bronze badges

Comments

Ercan Celik · Accepted Answer · 2021-12-25 18:45:46Z

0

asp:label is being converted to span. So, you can set

span { float:left }

answered Dec 25, 2021 at 18:45

Ercan Celik

1

Collectives™ on Stack Overflow

Adding style to asp.net label

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related