表格对齐

Question

我有一张酒店列表及其徽标，它们列在以下位置的表格中：

http://ranchocordovaeventscenter.com/partner-hotels/

所有的标志都在左列，所有的文字都在右列。

我的问题是文本没有在徽标旁边的单元格顶部对齐。

任何提示都会有所帮助。

这是我的一些代码：

<table border="0">
<tbody>
<tr>
<td valign="top"><a title="Comfort Inn &amp; Suites" href="http://www.comfortinnandsuitesrc.com" target="_blank"><img class="wp-image-440 alignleft" title="Comfort Inn &amp; Suites" alt="Comfort Inn &amp; Suites" src="http://ranchocordovaeventscenter.com/wp-content/uploads/2013/01/BIGcomfort-inn-logo.jpg" width="175" height="207" /></a></td>
<td valign="top">
<h3><b>Comfort Inn &amp; Suites-Rancho Cordova</b></h3>
<span style="font-size: small;">12249 Folsom Blvd., Rancho Cordova, CA</span>
<span style="font-size: small;"> <span style="line-height: 1.714285714;">Phone: 916-351-1213
</span><a style="line-height: 1.714285714; font-size: inherit;" href="http://www.comfortinnandsuitesrc.com/">http://www.comfortinnandsuitesrc.com</a></span></td>
</tr>
<tr>
<td valign="top"><a href="http://marriott.com/sacrc" target="_blank"><img class=" wp-image-455 alignleft" alt="Courtyard Marriott" src="http://ranchocordovaeventscenter.com/wp-content/uploads/2013/01/cy_logo.png" width="175" height="175" /></a></td>
<td valign="top">
<h3><span style="font-size: medium;"><b>Courtyard by Marriott-Rancho Cordova</b></span></h3>
<span style="font-size: small;">10683 White Rock Rd., Rancho Cordova, CA</span>
<span style="font-size: small;"> <span style="line-height: 1.714285714;">Phone: 916-638-3800
</span><a style="line-height: 1.714285714; font-size: inherit;" href="http://marriott.com/sacrc">http://marriott.com/sacrc</a></span></td>
</tr>
</tbody>
</table>

Answer 1

您应该为所有文本行设置以下 css 属性：

float:right;

Answer 2

这是由于标题标签

...

try this code. i've used <div> tag applied styles for Font size instead of <h3>

 <table border="0">

                    <tr>
                        <td><a title="Comfort Inn &amp; Suites" href="http://www.comfortinnandsuitesrc.com" target="_blank">
                            <img class="wp-image-440 alignleft" title="Comfort Inn &amp; Suites" alt="Comfort Inn &amp; Suites" src="http://ranchocordovaeventscenter.com/wp-content/uploads/2013/01/BIGcomfort-inn-logo.jpg" width="175" height="207" /></a></td>
                        <td>
                            <div style="font-size:large"><b>Comfort Inn &amp; Suites-Rancho Cordova</b></div>
                            <span style="font-size: small;">12249 Folsom Blvd., Rancho Cordova, CA</span>
                            <span style="font-size: small;"><span style="line-height: 1.714285714;">Phone: 916-351-1213
                            </span><a style=" font-size: inherit;" href="http://www.comfortinnandsuitesrc.com/">http://www.comfortinnandsuitesrc.com</a></span></td>
                    </tr>
                    <tr>
                        <td><a href="http://marriott.com/sacrc" target="_blank">
                            <img class=" wp-image-455 alignleft" alt="Courtyard Marriott" src="http://ranchocordovaeventscenter.com/wp-content/uploads/2013/01/cy_logo.png" width="175" height="175" /></a></td>
                        <td>
                            <h3><span style="font-size: medium;"><b>Courtyard by Marriott-Rancho Cordova</b></span></h3>
                            <span style="font-size: small;">10683 White Rock Rd., Rancho Cordova, CA</span>
                            <span style="font-size: small;"><span style="line-height: 1.714285714;">Phone: 916-638-3800
                            </span><a style="line-height: 1.714285714; font-size: inherit;" href="http://marriott.com/sacrc">http://marriott.com/sacrc</a></span></td>
                    </tr>

            </table>