[HTML] pobierz, plaintext 
				<ul id="podstawowe_gry">
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/cities.jpg" alt="Cities XL Platinum" />
						<span>Cities XL Platinum</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/bloodbowl.jpg" alt="Blood Bowl: Legendary Edition" />
						<span>Blood Bowl: <br />Legendary Edition</span> 
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/divinity.jpg" alt="Divinity II: Developer's Cut" />
						<span>Divinity II: <br />Developer's Cut</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/raw.jpg" alt="R.A.W. Realms of Ancient War" />
						<span>R.A.W. Realms <br />of Ancient War</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/got.jpg" alt="Game of Thrones" />
						<span>Game of Thrones</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/confr.jpg" alt="Confrontation" />
						<span>Confrontation</span>
					</li>
				</ul>
				<ul id="dodatkowe_gry">
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/wg.jpg" alt="Wargame: European Escalation" />
						<span>Wargame: <br />European<br /> Escalation</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/holmes.jpg" alt="The Testament of Sherlock Holmes" />
						<span>The Testament of<br /> Sherlock Holmes</span>
					</li>
				</ul>
 
[HTML] pobierz, plaintext 

To jest główny html

[HTML] pobierz, plaintext 
#obrazek {
	height: 150px;
	width: 105px;
	display: block;
	margin: 10px auto;
}
 
#obrazek2 {
	height: 60px;
	width: 60px;
	padding: 10px 10px 5px;
	display: inline-block;
}
 
.podpis {
   text-decoration: none;
   list-style: none;
   float:left;
   font-weight: bold;
   padding: 0 0 26px;
   margin-right:10px;
}
 
#podstawowe_gry {
	margin-left: 40px;
}
 
#dodatkowe_gry {
	margin-left: 40px;
}
[HTML] pobierz, plaintext 

a to główne CSS które będą potrzebne
A więc tak, obecnie obrazki są w jednym rzędzie a chce, żeby ostatnie dwa li były w nowej linii na dole a pomiędzy tymi liniami mógł sobie wpisać jakiś tekst, jak to zrobić ?

tak ?

[HTML] pobierz, plaintext 
<div>
<ul id="podstawowe_gry">
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/cities.jpg" alt="Cities XL Platinum" />
						<span>Cities XL Platinum</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/bloodbowl.jpg" alt="Blood Bowl: Legendary Edition" />
						<span>Blood Bowl: <br />Legendary Edition</span> 
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/divinity.jpg" alt="Divinity II: Developer's Cut" />
						<span>Divinity II: <br />Developer's Cut</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/raw.jpg" alt="R.A.W. Realms of Ancient War" />
						<span>R.A.W. Realms <br />of Ancient War</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/got.jpg" alt="Game of Thrones" />
						<span>Game of Thrones</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/confr.jpg" alt="Confrontation" />
						<span>Confrontation</span>
					</li>
				</ul>
				</div>
 
				<div style="clear:both;">
				TU WPISZ SE TEKST
				</div>
				<div style="clear:both;">
 
				<ul id="dodatkowe_gry">
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/wg.jpg" alt="Wargame: European Escalation" />
						<span>Wargame: <br />European<br /> Escalation</span>
					</li>
					<li class="podpis">
						<img id="obrazek" src="images/weeklysale/holmes.jpg" alt="The Testament of Sherlock Holmes" />
						<span>The Testament of<br /> Sherlock Holmes</span>
					</li>
				</ul>
				</div>
 
[HTML] pobierz, plaintext 

Ok śmiga, a jak mogę wyśrodkować wszystko ? Da się to jakoś czy trzeba robić to przez margin-left ?

Co wyśrodkować ?


margin-left - nadaje lewy margines diva czy wtf tam masz.


rozwiązań jest kilka albo proste <center> TRESC </center>

albo zrob sobie <div id="wrapper" style="margin-left: auto; margin-right: auto; width: 700px;"> CALA STRONA </div> (width mozesz zmienic jest to szerokosc strony )

albo poprostu <div style="text-align: center;"> trest </div>