html form可以用float,html - Making form inputs float to the right? - Stack Overflow

How can I make the 2nd input form of each go all the way to the right.

I tried putting float: right, but it messed up the entire form.

Here's what I have right now:

HTML:

First Name:

Province:

Alberta

British Columbia

Manitoba

New Brunswick

Newfoundland and Labrador

Northwest Territories

Nova Scotia

Ontario

Prince Edward Island

Quebec

Saskatchewan

Yukon

Last Name:

Postal Code:

Address Line 1:

Phone Number (day):

Address Line 2:

Postal Code:

CSS:

input[type=text], select {

width: 300px;

padding: 8px 10px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

box-sizing: border-box;

}

I don't really want to use margin/padding.