# Css - align input fields

**URL:** <https://forum.kirupa.com/t/css-align-input-fields/250431>\
**Category:** Uncategorized\
**Created:** [January 29, 2008, 3:54pm UTC](https://forum.kirupa.com/t/css-align-input-fields/250431 "2008-01-29T15:54:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![bardic](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/bardic/32/3708_2.png) [@bardic](https://forum.kirupa.com/u/bardic)\
**Post date:** [January 29, 2008, 3:54pm UTC](https://forum.kirupa.com/t/css-align-input-fields/250431/1 "2008-01-29T15:54:57Z")

</div>

Sorry for the the newbie question, but CSS isn’t really my deal but I have do do some of it.  
Anyways I have a simple form and I just want to align all the input fields so they have the same edge.

From sites I have looked at online, the follow code _should_ work. But I’m sure I’m missing something since it doesn’t work lol. Any help would be great ^^

```auto

input{
    margin-right:10;
}

<form action="#">
            Name: <input type="text" name="name" />
            <br/>
            Phone: <input type="text" name="phone" />
            <br/>
            Province: <input type="text" name="province" />
            <br/>
            Email: <input type="text" name="email" />
            <br/>
            <input type="checkbox" name="email" /> Yes, I would like to receive future electronic communications from Ascenta.
            <br/>
            <input type="checkbox" name="agree" /> I have read the Rules and Regulations
            <br/>
            <input type="submit" value="Submit" />
        </form>

```