如何对齐 从一张桌子到另一张桌子？

Question

我是HTML / CSS的新手，我很难将Chicken Shop的营业时间，营业时间，营业时间与表格中的营业时间，营业时间和营业时间保持一致。我希望日期和时间在每个类别的正下方对齐。例如营业时间（周日/周一），营业时间（9-3pm），营业时间（周二/周五）。以下是我的代码，任何建议将不胜感激！！！谢谢！！！

<table id="shops">
        <tr>
            <th>Shops</th>
            <th>Location</th>
            <th>Store Hours</th>
            <th>Products</th>
        </tr> <!-- Nested table for store hours and product types-->
        <tr>
            <td colspan="2"></td>
            <td>
                <table id="hours_table">    
                    <tr>
                        <th>OPEN</th>
                        <th>HOURS</th>
                        <th>CLOSE</th>
                    </tr>
                </table>
            </td>
            <td> 
                <table id="products_table">    
                    <tr>
                        <th>Animals</th>
                        <th>Cost</th>
                        <th>Items</th>
                        <th>Cost</th>
                    </tr>
                </table>
            </td>
        </tr>


        <tr>
            <td id="chicken_shop">Cuckoo House Chicken Shop</td>
            <td>West Natura</td>
            <td>
                <table id="chicken_hours"> 
                    <tr>
                        <td>SUN/MON/WED/THURS/SAT</td>
                        <td>9AM - 3PM</td>
                        <td>TUES/FRI</td>
                    </tr>
                </table>
            </td>
</table>

我是HTML / CSS的新手，我很难将Chicken Shop的营业时间，营业时间，营业时间与表格中的营业时间，营业时间和营业时间相对应。我想让时间和日期...

Answer 1

嗨，这是解决方法：

Answer 2

[即使不是表头的一部分，也必须使用<th>，而不是使用<td>。