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 :)