blob: a1088ef98442b0fd5f7f8ff325730c56c61664ae [file] [log] [blame]
<!DOCTYPE html>
<style>
.item { height: 50px; width: 50px; border: 1px solid blue; }
.container { height: 100px; border: 5px solid pink; }
.table { border: 2px solid red; display: table; border-spacing: 2px; }
.td { border: 2px solid green; display: table-cell; }
</style>
<div class="table">
<div class="td">
<div class="item"></div>
</div>
</div>
<table>
<div class="td">
<div class="item"></div>
</div>
</div>
<div class="container">
<div class="table" style="height: 100%; box-sizing: border-box;">
<div class="td">
<div class="item"></div>
</div>
</div>
</div>
<div class="table container" style="display: block; float: left; height: 100px;">
<div class="td" style="height: 92px;" style="display: block;">
<div class="item"></div>
</div>
</div>