Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
table {
width: 300px;
height: 300px;
background-color: blue;
td, div {
margin: 0;
padding: 0;
#rel {
position: relative;
margin: 0;
padding: 0;
height: 1px;
#abs {
position: absolute;
margin: 0;
padding: 0;
top: 200.5px;
left: 25px;
width: 50px;
height: 50px;
background-color: green;
The green square should not touch the blue square.
<col style="width: 15%">
<div id="rel">
<div id="abs"></div>