Problème réalisation de site

Bonjour,
je suis en train de réaliser un site internet ... et j'ai beaucoup de mal !

Le problème que j'ai (parmi tant d'autres), c'est que je veux disposer 3 drapeaux cote à cote dans mon header (chaque drapeau doit représenter un lien) problème est que je ne peux pas les mettre cote à cote car ils forment des blocs.

Est il possible que les drapeaux puissent se mettre sur la même ligne ???

HTML

<p><img src="drapeau_angleterre.jpg" alt="Drapeau Royaume-Uni" class="drapeau1" /> </p>
<p><img src="drapeau_francais.jpg" alt="Drapeau Francais" class="drapeau2" /> </p>

CSS

.drapeau1
{
position: relative;
left: 190px;
top: 16px;
}
.drapeau2
{
position: relative;
left:240px;
top: 20px;
}

Le top du deuxième drapeau est égale au bottom du premier.

Comment on peut changer ça ??

Merci de vos réponses ^^