[RESOLVED]Text not aligning to Right

Hi

I have the following HTML code.

The problem I am having is the text "Thank You" is not getting Right aligned when displayed in browser. Its always next to the Logo. I have tried making a lot of changes (align, width, etc) but unable to undesrtand what is wrong?

Can some one tell me how to allign the text "Thank You" to the right?

 

<head>
    <style type="text/css">
        .style1
        {
            width: 40%;
        }
    </style>
</head>
<div align="center">
    <table style="width: 100%; background: white" border="0" cellspacing="0" cellpadding="0"
        >
        <tbody>
            <tr>
                <td style="border-bottom: #e0e4e3 1pt solid; border-left: #e0e4e3 1pt solid; padding-bottom: 0in;
                    padding-left: 0in; width: 600pt; padding-right: 0in; border-top: #e0e4e3 1pt solid;
                    border-right: #e0e4e3 1pt solid; padding-top: 0in">
                    <table style="width: 600pt" border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td style="padding-bottom: 0in; padding-left: 0in; padding-right: 0in; padding-top: 0in">
                                    <div>
                                        <table style="width: 600pt;" border="0" cellspacing="0" cellpadding="0">
                                            <tbody>
                                                <tr style="height: 40pt">
                                                    <td style="padding-bottom: 0in; padding-left: 0in; padding-right: 0in;
                                                        padding-top: 0in" valign="bottom">
                                                        <table width="600pt">
                                                            <tbody>
                                                                <tr style="height: 40pt;">
                                                                    <td style="width: 20px;">
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                         <img alt="Logo" 
                                                                             src="Logo.jpg"  height="60"/>
                                                                    </td>
                                                                    <td colspan="10" align="right" style="font-family: Arial, Helvetica, sans-serif;color: #707473; font-size: 10pt">                                                                       
                                                                       Thank You.
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>

 

I tried your code in my sample application. Your text is aligned to right end of your inner table. one issue I noticed you have lots of nested table and the inner table is having width set to 600pt so even if your outer table is set to 100% width the text
wont go to extreme right.if you want the text to go to extreme right then you need to set the width of inner tables also to 100%.

You can find the problem
in the this demo
. I just enabled the border of each tables.

Leave a Reply