html - line up button - multiple lines of text then button -

i have html page few lines each containing text button. text of different length i'd css automatically add space between each piece of text , button buttons line vertically.

for example:

<p>complete part one: <button id="one" type="button">one</button></p> <p>now fill in section two: <button id="two" type="button">two</button></p> 

looks like:

whereas i'd line up.

demo fiddle

simply add in css

button{   float:right; } 

if wish restrict width of 'lines' do, e.g.:

p{   width:400px; /* or similar limit width */ }