LAYOUT LAB / CANONICAL HTML + CSS

box

Wrap content with predictable internal spacing.

720px

원문 CSS의 공간 배치를 실행합니다. 색·테두리는 영역 구분용이며, 비어 있던 미디어와 설정 슬롯에는 예시 콘텐츠를 채웠습니다.

실행한 HTML·CSS 코드
<aside class="box" aria-labelledby="box-heading">
    <h2 id="box-heading">Support window</h2>
    <p>Responses resume Monday at 09:00.</p>
</aside>

<style>
.box {
    box-sizing: border-box;
    display: block;
    padding: 1rem;
}

</style>
원문 가이드