Resimlerin bir php e-postası içinde ortalanmasıyla ilgili sorunlar

Question

Satır içi stil kullanarak bir php e-postası içindeki simge resimlerini ortalamaya çalışıyorum ve ne yaparsam yapayım closing-email-section-container içinde yatay olarak ortalayamıyorum.

text-center ve margin: 0 auto; `işlevlerini her simgenin ve üst öğenin açıklığına eklemeye çalıştım. Ne işe yaramadı. Aynı şey dolgu ile, hiçbir şey almayacak.

Neyi yanlış yapıyorum? bloğu yerine satır içi bloğunun aşağıdaki kodu olarak

:

<div id="closing-email-section" style="margin-top: 150px;"> 
 
     <div id="closing-email-section-container" style="background:#f6f6f6; width: 100%; height: 150px;"> 
 
     <div id="newsletter-social-media" style="text-align:center; margin-top:10px; font-size: .9em;margin-bottom:15px;">Follow us on Social Media</div> 
 
     <div id="newsletter-social-media-icons" style="text-align:center;margin: 15px auto;display:inline-block;"> 
 
    \t \t \t <span style=" "><a href="http://facebook.com/optimumwebdesigns/ " target="_blank "><img src="http://optimumwebdesigns.com/icons/facebookBlack.png " alt="Facebook " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="https://twitter.com/OptWebDesigns " target="_blank "><img src="http://optimumwebdesigns.com/icons/twitterBlack.png " alt="Twitter " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="http://linkedin.com " target="_blank "><img src="http://optimumwebdesigns.com/icons/linkedInBlack.png " alt="LinkedIn " width="45px " height="45px "></div></a></span> 
 
    \t \t </div> 
 
    \t </div> 
 
    </div>

Answer 1

Ben stilini kullanmak gerektiğini düşünüyorum

<div id="closing-email-section" style="margin-top: 150px;"> 
 
     <div id="closing-email-section-container" style="background:#f6f6f6; width: 100%; height: 150px;"> 
 
     <div id="newsletter-social-media" style="text-align:center; margin-top:10px; font-size: .9em;margin-bottom:15px;">Follow us on Social Media</div> 
 
     <div id="newsletter-social-media-icons" style="text-align:center;margin: 15px auto;display:block;> 
 
    \t \t \t <span style=" "><a href="http://facebook.com/optimumwebdesigns/ " target="_blank "><img src="http://optimumwebdesigns.com/icons/facebookBlack.png " alt="Facebook " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="https://twitter.com/OptWebDesigns " target="_blank "><img src="http://optimumwebdesigns.com/icons/twitterBlack.png " alt="Twitter " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="http://linkedin.com " target="_blank "><img src="http://optimumwebdesigns.com/icons/linkedInBlack.png " alt="LinkedIn " width="45px " height="45px "></div></a></span> 
 
    \t \t </div> 
 
    \t </div> 
 
    </div>