Comment ajouter un espacement entre deux éléments d'étendue

Question

J'ai deux éléments d'étendue. Je veux qu'ils s'assoient côte à côte et contiennent du texte. Est-ce possible? Si oui, qu'est-ce que je fais de mal?

.added-box{ 
background-color:#06C; 
padding:8px; 
margin:8px; 
} 

.edited-box{ 
background-color:#093; 
padding:8px; 
margin:8px; 

} 

Et le code de la page est:

<p align="right"> 
    <span class="edited-box">sfds<span> 
    <span class="added-box">sfds<span> 
</p> 

Edit: Ce que j'espère obtenir est une boîte, un peu comme celui sur cette page qui a mon nom, le temps que je pose la question et mes points. Cela ne me dérange pas comment je l'obtiens, mais css est préféré, il semble que StackOverflow utilise une table. Est-ce la seule façon de faire cela?

Answer 1

Vous avez deux fautes de frappe dans votre code HTML lorsque vous ne parvenez pas à fermer les balises <span> avec </span>. Il devrait être:

<p align="right"> 
    <span class="edited-box">sfds</span> 
    <span class="added-box">sfds</span> 
</p> 

Cette faute de frappe est l'origine de votre classe edited-box pour envelopper tout et par conséquent, la CSS se brise.

Answer 2

Utilisez   pour l'espacement entre les travées.