Witam
Jak rozwiązać problem błędnej interpretacji przez Chrome?
Sprawa dotyczy przycisków w CSS.
Zależy mi na centrowaniu tekstu na przycisku, więc użyłem sposobu display : table-cell.
Pod IE11 wyświetla je prawidłowo,
na środku kontenera w układzie:

przycisk1 | przycisk 2
---------------------------
przycisk 3 | przycisk 4

a pod Chrome wyświetla je doklejone do lewej

strony kontenera w układzie:

przycisk1
-----------
przycisk2
-----------
przycisk3
-----------
przycisk4

Podaję kod:

[PHP] pobierz, plaintext 
echo '<p class="object_center"><span><a href="test.php"  class="button_metro" style="background : yellow; color : green" >Przycisk1</a>&nbsp&nbsp&nbsp&nbsp';
   echo '<a href="test1.php" class="button_metro" >Przycisk<br>2</a></span></p>';
   echo '<p class="object_center"><span><a href="test2.php" class="button_metro" >Przycisk3</a>&nbsp&nbsp&nbsp&nbsp';
   echo '<a href="test3.php" class="button_metro" style="background : red" >Przycisk4</a></span></p>';
[PHP] pobierz, plaintext 

[CSS] pobierz, plaintext 
a.button_metro , a.button_metro:active , a.button_metro:visited 
{
    color : white;
    background-color: #99cccc;
    display : table-cell;
    text-decoration: none;
    text-align : center;
    font-weight : bold;
 
    vertical-align: middle;
    width : 150px;
    height : 120px;  
    font-family: Arial;
    font-size: 16px;
    outline: ridge;
    outline-width : thin;
    outline-color : #aaaaaa;
    margin: 0 auto;
}
a.button_metro:hover
{
    background-color: #99cccc;
    display : table-cell;
    text-decoration: none;
    text-align : center;
    font-weight : bold;
    color : white;
    vertical-align: middle;
    width : 150px;
    height : 120px;
    font-family: Arial;
    font-size: 16px;
    outline: groove;
    outline-width : thin;
    outline-color : #aaaaaa;
    margin: 0 auto;
}
[CSS] pobierz, plaintext 

czemu nie display inline albo float left?

Bo wtedy jest problem z wyśrodkowaniem napisu na przycisku, szczególnie chodzi o przypadki, gdy na jednym przycisku jest opis
w jednej linii a na drugim w dwóch liniach

to to można załatwić line-height

com, przy tekście wielolinijkowym raczej nie.

rafik73, do span dodaj: display:table;

treblu, jest postęp, teraz i na Chrome i na IE wyświetla OK, tylko nie na środku

ok, dorzuciłem do span'a margin: 0 auto; i jest OK
Dzięki Panowie!

trueblue rozwiązanie ze stackoverflow sam tak robiłem i działa

com, nie wycentrujesz tekstu wielolinijkowego poprzez line-height, chyba, że będzie to czysty przypadek dzięki temu, że odstępy pomiędzy linijkami będą takie jak odstęp górny między pierwszą i odstęp górny miedzy dolną linią - jednym słowem, rozwlekle.