css - 将表格转换为 div/CSS 的小问题

Question

我正在从整个站点中取出表格，并将它们切换为 CSS Div。

这是我正在尝试的第一个链接: http://www.torelloengineers.com/legal_investigations.html

问题是右边的内容被放在左边图片的下面，而不是紧挨着它。

我在我的 CSS 文件中创建了这个:表格单元格的容器、行、左、右和中间。我无法将它准确地粘贴在这里，因为文本框不允许格式化代码。

<div id="row">
    <div id="left">
        <h4><img src="picts/torello-safety-design.jpg" width="400" height="301"></h4>
    </div>
    <div id="right">
        <h4>Lacking Good Safety Design - Missing Guardrail.  Plainville, CT</h4>
        <p>While returning to her parked vehicle after using an ATM.... </p>
    </div>
</div>

我在主页上将我想要的内容左右“潜水”到我想要的位置，但右边的内容不会与左边对齐。

Answer 1

我没有看到其中包含 ID #left 和 #right 的 CSS 文件。 ids #left 和 #right 是向左和/或向右浮动的吗？

#left {
    float: left;
}
#right {
    float: right;
}

您可能还想将它们更改为类，只是为了更容易重用它们。 :)