Problème transformation block en inline-block

Bonjour,
j'ai déjà posé cette question, mais je vais le refaire car la réponse n'était pas suffisante.

Je suis bloqué sur la propriété display et la valeur inline-block.

Mon problème est simple: les éléments ne s'affichent pas les uns à côté des autres.

Voici mon code HTML5:

<section>
<p>Bienvenue sur cette page où nous plaçons les sketchs uniques (qui ne racontent pas <br />une histoire) de la saison 1 d'AdulescensSHOW!</p>

<p>Trève de bavardages, les voici:</p>

<article>
<h1 class="titre_videos">Le retour des vacances</h1>
<video></video>
<aside class="description">
Nous voici dans un sketch où nous incarnons trois adultes qui travaillent dans la fonction publique et<br />qui reviennent de vacances ce qui ne les enchantent pas.</aside>
<aside class="infos_complementaires"></aside>
</article>

<article>
<h1 class="titre_videos">Le restaurant</h1>
<video></video>
<aside class="description">
Dans ce sketch, nous sommes au resto et ça tourne pas comme prévu...</aside>
<aside class="infos_complementaires"></aside>
</article>
</section>

Ca donne ceci dans mon navigateur:

http://img39.imageshack.us/img39/1383/operav.png

J'ai donc essayé de transformer mes articles en inline-block, et j'ai mis ceci en CSS3:

article
{
display: inline-block
}

Mes articles ne s'alignent pas avec cette technique.

J'ai exactement le même problème pour aligner mon menu (nav) et ma section (section).
Je les ai transformé en inline block mais ils ne s'alignent pas.

Merci d'avance pour toute aide.