Open Times

<h3>
    Table
</h3>
<div class="office-hours">
    <table class="office-hours__table">
        <thead>
            <tr>
                <th class="visually-hidden">
                    Day
                </th>
                <th class="visually-hidden">
                    Time slot
                </th>
                <th class="visually-hidden">
                    Comment
                </th>
            </tr>
        </thead>

        <tbody>
            <tr class="office-hours__item">
                <td class="office-hours__item-label">
                    søndag:
                </td>
                <td class="office-hours__item-slots">
                    Stengt
                </td>
                <td class="office-hours__item-comments"></td>
            </tr>
            <tr class="office-hours__item">
                <td class="office-hours__item-label">
                    mandag:
                </td>
                <td class="office-hours__item-slots">
                    10:00 - 12:00, 13:00 - 16:00
                </td>
                <td class="office-hours__item-comments"></td>
            </tr>
            <tr class="office-hours__item">
                <td class="office-hours__item-label">
                    tirsdag:
                </td>
                <td class="office-hours__item-slots">
                    10:00 - 12:00
                </td>
                <td class="office-hours__item-comments"></td>
            </tr>
            <tr class="office-hours__item">
                <td class="office-hours__item-label">
                    onsdag:
                </td>
                <td class="office-hours__item-slots">
                    10:15 - 12:00, 13:00 - 16:00
                </td>
                <td class="office-hours__item-comments">
                    Lunch 12-13
                </td>
            </tr>
            <tr class="office-hours__item">
                <td class="office-hours__item-label">
                    torsdag:
                </td>
                <td class="office-hours__item-slots">
                    10:00 - 11:00, 13:00 - 16:00
                </td>
                <td class="office-hours__item-comments"></td>
            </tr>
            <tr class="office-hours__item">
                <td class="office-hours__item-label">
                    fredag:
                </td>
                <td class="office-hours__item-slots">
                    Stengt
                </td>
                <td class="office-hours__item-comments"></td>
            </tr>
            <tr class="office-hours__item">
                <td class="office-hours__item-label">
                    lørdag:
                </td>
                <td class="office-hours__item-slots">
                    Stengt
                </td>
                <td class="office-hours__item-comments"></td>
            </tr>
        </tbody>
    </table>

    <div class="office-hours-schema">
        <div class="office-hours">
            <meta property="openingHours" content="Su Closed" />
            <meta property="openingHours" content="Mo 10:00-12:00, 13:00-16:00" />
            <meta property="openingHours" content="Tu 10:00-12:00" />
            <meta property="openingHours" content="We 10:15-12:00, 13:00-16:00" />
            <meta property="openingHours" content="Th 10:00-11:00, 13:00-16:00" />
            <meta property="openingHours" content="Fr Closed" />
            <meta property="openingHours" content="Sa Closed" />
        </div>
    </div>
</div>

<h3>
    Text
</h3>
<div class="office-hours">
    <div class="office-hours__item">
        <span class="office-hours__item-label" style="width: 5.4em;">søndag:</span>
        <span class="office-hours__item-slots">Stengt</span>
        <br />
    </div>
    <div class="office-hours__item">
        <span class="office-hours__item-label" style="width: 5.4em;">mandag:</span>
        <span class="office-hours__item-slots">10:00 - 12:00, 13:00 - 16:00</span>
        <br />
    </div>
    <div class="office-hours__item">
        <span class="office-hours__item-label" style="width: 5.4em;">tirsdag:</span>
        <span class="office-hours__item-slots">10:00 - 12:00</span>
        <br />
    </div>
    <div class="office-hours__item">
        <span class="office-hours__item-label" style="width: 5.4em;">onsdag:</span>
        <span class="office-hours__item-slots">10:15 - 12:00, 13:00 - 16:00</span>
        <span class="office-hours__item-comments">Lunch 12-13</span>
        <br />
    </div>
    <div class="office-hours__item">
        <span class="office-hours__item-label" style="width: 5.4em;">torsdag:</span>
        <span class="office-hours__item-slots">10:00 - 11:00, 13:00 - 16:00</span>
        <br />
    </div>
    <div class="office-hours__item">
        <span class="office-hours__item-label" style="width: 5.4em;">fredag:</span>
        <span class="office-hours__item-slots">Stengt</span>
        <br />
    </div>
    <div class="office-hours__item">
        <span class="office-hours__item-label" style="width: 5.4em;">lørdag:</span>
        <span class="office-hours__item-slots">Stengt</span>
        <br />
    </div>
</div>