Css - align input fields

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 ^^


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