Lista - element przesuwa się w dół

Cześć.
Mam taki problem:

http://szymonmazanik.pl/missedtv

<div id="project">
<ul>
<li id="text">
<div>
<p>MissedTV to aplikacja pozwalająca na uporzątkowanie informacji o Twoich ulubionych serialach. Dodaj show do swojej bazy danych i nie martw się, o to że nie zobaczysz nowego odcinka! Aplikacjia powiadamia Cie o nim zaraz po premierze, tak abyś mógł obejrzeć go online.</p>

<hr width="100%">

<p> 
Użyte narzędzia:
<p>Dla Windows, Linux i Mac OS:<br>
     -Qt5<br></p>
</p>
</div>
</li>
<li id="imgandbuttons">
            <p><img src="img/projects/missedtv.png" alt="MissedTV.png" width="350" height="200"><br>
            <img src="img/projects/missedtv.png" alt="MissedTV.png" width="150" height="150">
            <img src="img/projects/missedtv.png" alt="MissedTV.png" width="150" height="150">
            <img src="img/projects/missedtv.png" alt="MissedTV.png" width="150" height="150"></p>
            
            <hr width="100%">
            
            <h3>Pobierz:</h3>
            <p><a href="http://szymonmazanik.pl/files/projects/MissedTV.tar.gz" ><img src="img/platforms/linux.png" alt="Linux" width="150" height="150" > <br> Linux </a></p>

    </li>
    </ul> 
    
</div>

#project{
    border: 2px solid rgb(37,37,37);
margin:10px;
background-color: rgb(36,36,36);    
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#project p, #project ul{
    color: white;
font: bold 16px Tahoma;
padding: 10px;
margin: 10px;
/*max-width: 49%;*/
}

#project li{
display:inline-block; 
list-style:none;
max-width: 48%;
min-width: 48%;
font: bold 16px Tahoma;
margin-top: 10px;
margin-bottom: 10px; 
}
#project a, #project p{
font: bold 16px Tahoma;
padding: 10px;
color:white; 
text-decoration: none;
}
#imgandbuttons
{
    text-align: center;
}
#project img{
margin: 5px;    
}

Jak sprawić aby tekst po lewej stronie nie opadał względem prawych elementów?
Dzięki za pomoc :)

vertical-align.
A kod to jakiś burdel, naucz się ładnie pisać, bo się kiedyś zgubisz. I przeleć to walidatorem, bo np. paragraf w paragrafie to coś, czego być nie powinno.