Question

This is my html code :

 <div id="d1" class="division">
    <input type="button" value="one" class="division">
    </div>

    <div id="d2" class="division">
    <input type="button" value="two" class="division">
    </div>

This is my css code

.division
        {
         top:50px;
         left:100px;
         display: none;
        }

But my div element part is not at all changing its top and left position.If its not the right method then How to change the location of a element using its class?

Answer 1

You would need to define is position like so:

position: relative;

or

position: absolute;

Depending on how exactly you want to position the elements. Also using .division will position both elements.

Use the following if you want to just position one:

#d1 { ... }