How to add margin to a Label in asp.net

Add margin to a Label

The Label class Represents a label control, which displays text on a Web page. The asp.net developers can use the Label control to display text in a set location on the web page. Unlike static text, asp.net c# developers can customize the displayed text through the Text property.

The following asp.net c# tutorial code demonstrates how we can add a margin to a Label web server control. To add a margin to a Label control, the asp.net c# developers have to apply a custom CSS style to a Label control.

The Label CssClass property gets or sets the Cascading Style Sheet (CSS) class rendered by the Web server control on the client. The CssClass property is inherited from WebControl. The CssClass property value is a String which is the CSS class rendered by the Label server control on the client. The default value of this property is Empty.

So finally, using this CssClass property the asp.net c# developers can add a margin to a Label control. The asp.net developers just have to set the CSS margin style value to a specified pixel value.

label-margin.aspx


<%@ Page Language="C#" AutoEventWireup="true"%>  

<!DOCTYPE html>

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        Label1.CssClass = "LabelMarginStyle";

        //another way to apply margin in label control.
        //Label1.Style.Add("margin","25px");
    }  
</script>      

<html xmlns="http://www.w3.org/1999/xhtml">      
<head id="Head1" runat="server">      
    <style type="text/css">
        .LabelMarginStyle {
            margin:25px;
        }
    </style>      
    <title>asp.net example - label margin</title>
</head>      
<body>      
    <form id="form1" runat="server">      
    <div>      
        <h2 style="color:MidnightBlue; font-style:italic;">      
            asp.net example - label margin
        </h2>      
        <hr width="550" align="left" color="Gainsboro" />      
        <asp:Label       
            ID="Label1"       
            runat="server"      
            Text="sample label to test label margin."
            BorderColor="Green"
            BorderWidth="1"
            Font-Size="X-Large"
            Width="350"
            >      
        </asp:Label>      
        <br /><br /><br />
        <asp:Button   
            ID="Button1"   
            runat="server"   
            Text="label margin"  
            OnClick="Button1_Click"
            Height="40"  
            Font-Bold="true"  
            />  
    </div>      
    </form>      
</body>      
</html>