Mam problem Kurs HTML odc. 3 po wstawieniu do XAMPP-a ikony nie są wyśrodkowane

Question

Dzień dobry z góry dziękuje panu Mirkowi za wspaniałe lekcje i spędzony czas.

A teraz do problemu Podczas lekcji "Kurs HTML odc. 3: Linkowanie podstron, przyjazne adresy, fontello" W czasie 1:18:40 jest moment gdy kopiujemy naszą stronę do XAMPP-a. I tutaj pojawia się mój problem strona uruchomiona w przeglądarce z dysku wygląda inaczej jak ta uruchomiona w XAMPP.

Tak to wygląda jak uruchomię w przeglądarce i jest wszystko OK:

 

Tak wygląda jak uruchomię w XAMPP-IE i już wyrównanie pionowe ikonek nie jest OK:

Tutaj dodałem XAMPP-a:

 

A tutaj kod z jedną ikonka dla przykładu.

HTML

<div class="square">
	    <div class="tile1">
		  <a href="kimjestem.html" class="tilelink" target="_blank">
		  <i class="icon-user"></i></br>-eMKa-
		  </a>
		</div>

CSS

.tile1
{
	
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #3095d3;
	float: left;
	text-align: center;
}

...

a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
}

 

Z góry dziękuje za pomoc.

 

Answer 1

Próbowałeś ściągnąć z bloga MZ "oryginalny" kod i sprawdzić, jak wygląda u Ciebie w XAMPP-IE? Wtedy będziesz przynajmniej wiedział, czy wina leży po stronie programu, czy kodu...