how to set center position of asp label control using css

Question

0.00/5 (No votes)

See more:

css is -

CSS

.lblalert {
           position: absolute;
            top: 10px;
            right: 10px;
            height:27px;
            background-color:yellow;
            color:black;
            text-align:center;
            border-radius: 3px;
            padding-left: 20px;
            padding-right: 20px;
            display: inline;
        }

 <asp:Label runat="server" ID="lblAlertMessage" CssClass="lblalert">

and label control is

how to set this at center of screen

Posted 18-Feb-15 2:27am

sanjaysgh

Updated 18-Feb-15 2:31am

v2

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kochathu Thomas Tinu · Answer 1 · 2015-02-18T02:37:00

Solution 1

CSS

.lblalert {
           position: absolute;           
            height:27px;
            background-color:yellow;
            color:black;
            text-align:center;
            border-radius: 3px;
            top: calc(50% - 50px/2); 
            left: calc(50% - 50px/2); 
            
        }

Posted 18-Feb-15 2:37am

Kochathu Thomas Tinu

Updated 18-Feb-15 3:13am

v6

Comments

sanjaysgh 18-Feb-15 8:52am

where to call this function

Kochathu Thomas Tinu 18-Feb-15 9:11am

I just update my answer check this out..

how to set center position of asp label control using css

1 solution

Solution 1

Add your solution here

Preview 0

how to set center position of asp label control using css

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us