bouton line up - plusieurs lignes de texte puis bouton - html, css

J'ai une page HTML avec quelques lignes chacunecontenant du texte puis un bouton. Le texte a une longueur différente, mais j’aimerais que css ajoute automatiquement un espace entre chaque morceau de texte et chaque bouton afin que les boutons s’alignent verticalement.

Par exemple:

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

Ressemble à:

Alors que j’aimerais que ça s’aligne.

Réponses:

Ajoutez simplement dans votre CSS

button{
float:right;
}

Si vous souhaitez limiter la largeur des "lignes", faites-le simplement, par exemple:

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

Vous pouvez simplement ajouter le bouton css comme décrit dans l'utilisateur ci-dessus. mais c'est mieux si vous définissez une autre classe de conteneur css

.Container{
width:200px;
}

et mettez votre page html à l'intérieur. quelque chose comme ça

div class = "Container">
your code here
</div>

Et fais que ça ressemble mieux à ce et à mon avis, il est préférable que vous utilisiez div tab au lieu de paragraphe pour définir la largeur.