dive into mark

‣ January 27, 2003 ‣

Little boxes

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>little boxes</title>
<style type="text/css">
body {
  margin: 0;
  padding: 0;
}

#boxcontainer {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 43px;
  height: 43px;
  voice-family: ""}"";
  voice-family:inherit;
  width: 47px;
  height: 47px;
}
html>body #boxcontainer {
  width: 47px;
  height: 47px;
}

#ul, #ur, #bl, #br {
  width: 20px;
  height: 20px;
  border: 1px solid black;
  color: white;
  margin: 0 0 3px 0;
  padding: 0;
}

#ul {
  background: #ff0000;
}

#ur {
  background: #00ff00;
  float: right;
}

#bl {
  background: #0000ff;
}

#br {
  background: #ffffff;
  float: right;
}

</style>
</head>
<body>
<div id="boxcontainer">
<div id="ur"></div>
<div id="ul"></div>
<div id="br"></div>
<div id="bl"></div>
</div>
</body>
</html>

Respond privately

I am no longer accepting public comments on this post, but you can use this form to contact me privately. (Your message will not be published.)

firehose ‧ code ‧ planet