दृष्टिकोण में वर्टिकल टेक्स्ट संरेखण [चित्रों के साथ]

Question

मैं वर्तमान में एक HTML ईमेल के साथ कुछ समस्याएं हल करने का प्रयास कर रहा हूं जो ब्राउज़र में और जीमेल के माध्यम से ठीक से प्रस्तुत करता है लेकिन दुर्भाग्यवश मुझे पाठ को लंबवत रूप से संरेखित करने में दृष्टिकोण में समस्याएं आ रही हैं (यह नीचे के हिस्से में चिपक जाता है)।

इस छवि को आप से पता चलता कि क्या गलत है:

<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td> 
</tr> 

<tr> 
    <td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td> 
</tr> 
</table>             
</td> 
</tr> 

<tr> 
    <td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td> 
</tr> 

किसी भी विचार कैसे इसे ठीक करने के लिए?

Answer 1

valign="middle" जोड़ें और <td> के लिए ऊँचाई आप चाहते हैं पाठ खड़ी पर केंद्रित:

<tr> 
    <td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;"> 
    <a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a> 
    </td> 
</tr> 

एचटीएमएल ईमेल में, हमेशा प्रयोग करते हैं,

ऊर्ध्वाधर संरेखण के लिए क्षैतिज के लिए valign="top|middle|bottom" और

align="left|center|right" संरेखण।

बस याद रखें कि आपको height="" या width="" उसी <td> तत्व पर सेट की आवश्यकता है।

Answer 2

मुझे यह काम करने के लिए के लिए, महत्वपूर्ण एचटीएमएल गुण के रूप में height और align="center" निर्दिष्ट और सीएसएस style तत्व में height नकल करने गया था।

\t 
 

 
<td colspan="3" align="center" height="80px" width="100%" 
 
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
 
color:#666666; height: 80px; background: #cccccc; 
 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> 
 
      <strong>for internal use</strong> 
 
     </td>

संरेखण मुद्दा सभी पद आधारित Outlooks (- 2016 2007) के लिए देखा गया था।