Question

I have a label inside a div control.I want to align it to the top middle of the div control and draw a rectangle around that text.And also i want to display the characters of that label’s text one by one from left to right .

How do i achieve this ?

Answer 1

Well to center the text to the middle of the div horizontal, you simply need to style it with

div#ctrl {
     text-align: center
}

To have a rectangle around the text, you need to define a border, probably with padding and margin:

div#ctrl span {
    border: 1px #333 solid;
    padding: 5px;
}

You need to use javascript to animate the text, made easier with jQuery. Here a link to working example I whipped of what you were looking for:

http://jsfiddle.net/5QdPh/

In the future try to do a little more research and ask questions about specific problems that have not been answered before. All of this is basic, well documented stuff.