Часы работы стола

Question

Я пытаюсь создать базовую c таблицу часов открытия в html, как в этом примере:

Я пытаюсь добавить лунные часы только ниже утренних часов. Каков был бы самый эффективный способ построить это?

Мой код:

        <table>
            <tr><th>Sunday</th><td>Closed</td></tr>
            <tr><th>Monday</th><td>9am - 2pm</td><td>3pm - 7pm</td></tr>
            <tr><th>Tuesday</th><td>9am - 2pm</td><td>3pm - 7pm</td></tr>
            <tr><th>Wednesday</th><td>9am - 2pm</td><td>3pm - 7pm</td></tr>
            <tr><th>Thursday</th><td>9am - 2pm</td><td>3pm - 7pm</td></tr>
            </table> 

Answer 1

Вы можете получить это, добавив разрыв строки, тег которого в HTML равен <br>. Это будет выглядеть так:

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

<table>
    <tr><th>Sunday</th><td>Closed</td></tr>
    <tr><th>Monday</th><td>9am - 2pm<br>pm - 7pm</td></tr>
    <tr><th>Tuesday</th><td>9am - 2pm<br>3pm - 7pm</td></tr>
    <tr><th>Wednesday</th><td>9am - 2pm<br>3pm - 7pm</td></tr>
    <tr><th>Thursday</th><td>9am - 2pm<br>3pm - 7pm</td></tr>
</table>

Надеюсь, это поможет! Я добавил несколько простых CSS, чтобы показать границы.