Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<style>
main * {
box-sizing: border-box;
}
main .table {
overflow: hidden;
border: 20px solid green;
width:90px;
}
main .caption {
height: 30px;
background: lightblue;
width:90px;
text-align: center;
}
main .cell {
padding:0px;
width: 50px;
height:50px;
}
</style>
<main>
<div class="table">
<div class="cell">
<div style="width:50px;height:50px">
<div style="width:500px;height:500px;background:pink"></div>
</div>
</div>
</div>
<div class="caption" style="caption-side:bottom">caption</caption>
</main>