Système d'article cote à cote.

Bonjour,

Je suis débutant en CSS, et j'aimerais coller des articles côte à côte sans que il y est ce problème: http://gameklub.fr/upload/cote.jpg

Mon code CSS pour les articles:

#article-left
{
    margin-left: 10px;
    margin-right: 50%;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 2px 5px black;
    border-radius: 10px;
}

#article-right
{
    margin-right: 10px;
    margin-left: 50%;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 2px 5px black;
    border-radius: 10px;
}

Et le code HTML:

        <div id="article-left">
        Lolilol
        </div>
        <div id="article-right">
        Lolilol
        </div>

Merci à ceux qui vont essayer de m'aider ! :D (même si je parie que c'est un truc tout facile)