<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#red {
  position: absolute;
  background-color: blue;
  top: 10px;
  left: 10px;
  right: 100px;
  bottom: 100px;
}

#green {
  position: absolute;
  background-color: blue;
  top: 10px;
  width: 80px;
  right: 10px;
  bottom: 100px;
}

#blue {
  position: absolute;
  background-color: blue;
  left: 10px;
  height: 80px;
  right: 100px;
  bottom: 10px;
}

#yellow {
  position: absolute;
  background-color: blue;
  right: 10px;
  width: 80px;
  height: 80px;
  bottom: 10px;
}

</style>
<script>

</script>
</head>
<body>

<input id=red>
<input id=green>
<input id=blue>
<input id=yellow>

</body>
</html>