Position Changer

Home
Color Picker
HTML Encoder
Linear Gradient
Text Properties
Box Properties
Transform Properties
Position Changer
Code Previewer
Password Strength Checker
Compressor

What is this?
This is the Position Changer. The purpose of this is to make CSS Positioning easier for you.

How to Use...
Step 1. Select Absolute or Fixed in the first selection box.
Step 2. Select Top or Bottom in the second selection box and Left or Right in the third selection box.
Step 3. Input a number into each of the text fields.
Step 4. Click on Show Position and it'll position a little box according to what you inputed into the form.

Loading Body Text

Loading Position Changer

Missing Field(s) and/or you didn't select anything.

Please enter the name of your .#

Type in a number between 0 and

ID or Class ID Class

Position:

Top or Bottom:

Left or Right:

Select Option First... px

Select Option First... px

Position

Close

Extra CSS

<style type="text/css">
.# {
position:Please Select;
Please Select:Please Write;
Please Select:Please Write;

}
</style>

Close

Adjust

Designed by willr

Make a free website with Yola