Html Div无法附加到其相邻的Div

如果您查看图像，您可以看到

包含#1的框在其右侧有一个小边距，然后是俱乐部图片
。我希望图像将其自身附加到其左侧的div，以便在两者之间没有空间。我几乎什么都试过了，但还是弄不明白仅供参考，我是一名CSS新手


我对CSS还是很陌生，但我正在尝试将图像推到左侧，并将其自身连接到框中，框中有数字

以下是我的结果HTML：

    <table class="featuredclub" id="featuredclub-comments">
        <tbody>
            <tr>
                <td width="10%" class="rating"><div class="ratingnumber">
                        <span class="ratingpositiontext"><span
                            style="margin-top: 15px">#8</span></span>
                    </div></td>
                <td width="15%" style="margin-left: 0px; margin-top: 1px"
                    class="imagetd"><div class="ratingimage">
                        <div style="margin-top: 6px">
                            <img style="height: 80px; width: 80px" class="featuredavatar"
                                src="/img/featuredtmp.png">
                        </div>
                    </div></td>
                <td width="75%" style="text-align: left; margin-left: 10px"><span
                    class="featuredclubname">Alex's</span><span
                    class="featuredclubaddress">584 Washington st</span><span
                    class="featuredclublocality">Stoughton, MA 02072</span><span
                    class="featuredclubphone">781.344.2175</span></td>
            </tr>
        </tbody>
    </table>

我不太确定如何解决这个问题。我已经尝试过了，但无法找到如何将图像附加到数字div

谢谢。
间隙可能来自表格单元格之间的间距。尝试使用CSS：

table { 
    border-spacing: 0;
    border-collapse: collapse;
}
td { margin: 0; }

或暴力法：


更新：修复了我的以下问题：

.featuredclub { border-collapse: collapse; }
td { padding: 0; }

这就是你想要的吗？我在表中添加了边框，以显示TDs的布局。如果有麻烦，请随意移除。如果我不理解您的问题，请在示例图像中突出显示问题


@CHARSET“ISO-8859-1”；
span.value{
右边距：-10px；
}
.viewallbutton{
显示：内联；
边缘顶部：2倍；
左边距：2倍；
}
h2.2节标签{
显示：内联块；
}
.横幅{
位置：相对位置；
背景色：#ffffff；
宽度：1200px；
高度：66px；
保证金：0px自动；
填充顶部：15px；
垫底：0px；
左侧填充：25px；
右边填充：25px；
框大小：边框框；
/**
边框顶部：1px实心#d0；
左边框：1px实心#d0；
右边框：1px实心#d0；
边框底部：无；
*/
边界：0px；
边框底部：1px实心#f0；
字体：14px/20px Arial，Helvetica，无衬线；
}
.横幅h2{
字体：32px/32px DinWebCond，无衬线；
颜色：#120006；
保证金：0px 0px 5px 0px；
文本转换：大写；
垫面：5px；
垫底：15px；
}
分区横幅-集装箱1{
宽度：90%；
高度：50px；
背景色：#f0；
左侧填充：25px；
}
第2分区横幅集装箱{
宽度：90%；
高度：50px；
背景色：#f0；
左侧填充：25px；
/**左侧填充：25px*/
}
div.banner-container div.innerclubbox{
背景色：#ffffff；
}
.tabledatalabel{
字体：20px/24px DinWebCond，无衬线；
颜色：#606060；
保证金：0px 0px 5px 0px；
/**文本转换：大写*/
垫面：5px；
}
.行{
位置：相对位置；
/**高度：750px*/
高度：450px；
背景色：#ffffff；
宽度：1200px；
保证金：0px自动；
/**填充顶部：20px*/
填充顶部：10px；
垫底：0px；
左侧填充：0px；
/**右边填充：25px*/
框大小：边框框；
/**边框：1px实心#d0*/
字体：14px/20px Arial，Helvetica，无衬线；
}
p.清除{
明确：两者皆有；
}
.第1节特性润滑油{
宽度：100%；
高度：100px；
背景色：#f0；
字体：14px/20px AdlWebNorm，Sserif；
}
.第1节表.功能润滑油，
.第2节表.特性润滑油{
宽度：100%；
高度：100px；
背景色：#f0；
字体：14px/20px AdlWebNorm，Sserif；
页边顶部：-5px；
/**左边距：25px*/
边缘底部：10px；
}
.第1节表.特性润滑油额定值，
.第2节表.特性润滑油额定值{
/**页边顶部：-5px；
左边距：25px；
边缘底部：10px*/
/**背景色：#ffffff*/
宽度：71px；
高度：71px；
}
.第1节表.特征润滑油图像，
.第2节表.功能润滑油图像{
/**页边顶部：-5px；
左边距：25px；
边缘底部：10px*/
/**背景色：#ffffff*/
宽度：71px；
高度：71px；
左边距：0px；
}
.额定值{
字体大小：42px；
左边距：14px；
宽度：80px；
高度：80px；
背景色：#ffffff；
/**左侧填充：15px；
填充顶部：15px*/
}
.第1节特性润滑油跨度，
.第2节.特性润滑油跨度{
线高：85px；
}
.ratingpositiontext{
/*右边距：15px*/
边缘顶部：55px；
}
.第1节表.特性润滑油额定值分区图像，
.第2节表.特性润滑油额定值分区图像{
字号：26px；
左边距：0px；
宽度：80px；
高度：80px；
背景色：#ffffff；
}
.第1节.功能润滑.功能文字{
宽度：100%；
高度：100px；
背景色：#f0；
字体：14px/20px AdlWebNorm，Sserif；
显示：内联块；
}
.第1节特性润滑油跨度p.额定值{
页边顶部：-5px；
左边距：25px；
边缘底部：10px；
背景色：#ffffff；
宽度：71px；
高度：71px；
/**显示：内联*/
}
.第1节.功能润滑油跨度p.text{
页边顶部：-5px；
左边距：5px；
边缘底部：10px；
背景色：#ffffff；
/**宽度：71px*/
高度：71px；
显示：内联；
}
.第2节特性润滑油{
宽度：100%；
高度：100px；
背景色：#f0；
字体：14px/20px AdlWebNorm，Sserif；
}
.第1节.特性润滑油span.特性润滑油名称，
.Section 2.featuredclub span.featuredclubname{
明确：两者皆有；
颜色：#120006；
浮动：左；
字体：22px/22px DinWebCond，无衬线；
}
.第1节.功能润滑油span.功能润滑油地址，
.第2节.功能润滑油span.功能润滑油地址{
明确：两者皆有；
浮动：左；
字体：14px/20px AdlWebNorm，衬线；
颜色：#000000；
}
.第1节.特性润滑油span.特性润滑油位置，
.第2节.特性润滑油span.特性润滑油位置{
明确：两者皆有；
浮动：左；
字体：14px/20px AdlWebNorm，衬线；
颜色：#000000；
}
.第1节.功能润滑span.功能润滑电话，
.第2节.功能润滑span.功能润滑电话{
明确：两者皆有；
浮动：左；
字体：粗体12px/12px Arial，Helvtica，无衬线；
边缘顶部：2倍；
}
.第2节特性润滑油跨度p.额定值，
{
页边顶部：-5px；
左边距：25px；
边缘底部：10px；
背景色：#ffffff；
宽度：71px；
高度：71px；
}
.第1节.特性润滑脂p.额定值img.特性DAVATAR{
利润上限：-27px；
宽度：70px；
高度：70像素；
左边距：69px；
}
.第2节.特点
.featuredclub { border-collapse: collapse; }
td { padding: 0; }

/* remove padding between cells */
table {
    border-collapse: collapse;
}

/* remove padding within cells */
td {
    padding: 0
}