locked
How to align a label to the top middle of the div control and draw a rectangle around it?

    Question

  • I have a label and 4 buttons  inside a div control.

    I want the 2 buttons to appear on the far left hand side of the div control and 2 buttons on the far right hand side of the same div.I want to align only label to the top middle of the div control and draw a rectangle/ellipse around that text.And also i want to display the characters of that label's text one by one from left to right .

    I added a css style of vertical-align: top to the label, It has taken the label to the top of the division vertically, but not horizontally.

    How can i modify the style to achive the same.

    HTML:

    <div id="imagecontainer">
     <image id="imagehome"/>

    <input type="button" id = button1"/>

    <input type="button" id = button2"/>

    <input type="button" id = button3"/>

    <input type="button" id = button4"/>  

    </div>

    in css:

    #imagehome{

    vertical-align: top;

    }


    • Edited by krrishhnaa Friday, August 3, 2012 9:45 AM
    Friday, August 3, 2012 7:09 AM

Answers